Use flexbox layout for browserplugin
This commit is contained in:
parent
b4c48664f8
commit
fed77d1837
1 changed files with 2 additions and 3 deletions
|
@ -33,6 +33,7 @@ var WebViewImpl = (function() {
|
||||||
this.on = {};
|
this.on = {};
|
||||||
this.browserPluginNode = this.createBrowserPluginNode();
|
this.browserPluginNode = this.createBrowserPluginNode();
|
||||||
shadowRoot = this.webviewNode.createShadowRoot();
|
shadowRoot = this.webviewNode.createShadowRoot();
|
||||||
|
shadowRoot.innerHTML = '<style>:host { display: flex; }</style>';
|
||||||
this.setupWebViewAttributes();
|
this.setupWebViewAttributes();
|
||||||
this.setupFocusPropagation();
|
this.setupFocusPropagation();
|
||||||
this.viewInstanceId = getNextId();
|
this.viewInstanceId = getNextId();
|
||||||
|
@ -279,9 +280,7 @@ var registerBrowserPluginElement = function() {
|
||||||
this.setAttribute('id', 'browser-plugin-' + getNextId());
|
this.setAttribute('id', 'browser-plugin-' + getNextId());
|
||||||
|
|
||||||
// The <object> node fills in the <webview> container.
|
// The <object> node fills in the <webview> container.
|
||||||
this.style.display = 'block';
|
return this.style.flex = '1 1 auto';
|
||||||
this.style.width = '100%';
|
|
||||||
return this.style.height = '100%';
|
|
||||||
};
|
};
|
||||||
proto.attributeChangedCallback = function(name, oldValue, newValue) {
|
proto.attributeChangedCallback = function(name, oldValue, newValue) {
|
||||||
var internal;
|
var internal;
|
||||||
|
|
Loading…
Add table
Reference in a new issue