[jira] [Updated] (GUACAMOLE-918) Guacamole Display not visible under Shadow DOM

[Nick Couchman (Jira)]

 [ 
https://issues.apache.org/jira/browse/GUACAMOLE-918?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
 ]

Nick Couchman updated GUACAMOLE-918:

Priority: Minor  (was: Major)

> Guacamole Display not visible under Shadow DOM
> --
>
> Key: GUACAMOLE-918
> URL: https://issues.apache.org/jira/browse/GUACAMOLE-918
> Project: Guacamole
>  Issue Type: Bug
>  Components: guacamole-common-js
>Affects Versions: 1.1.0
> Environment: guacamole-common-js 1.1.0 on Chromium 78
> org.apache.guacamole:guacamole-common:1.1.0 on OpenJDK 11
>Reporter: Jonas Zeiger
>Priority: Minor
> Attachments: guacamole-display-under-shadow-root.png
>
>
> The Guacamole display doesn't show when inserted under shadow DOM.
> The display is attached like this:
> {code:javascript}
> const wrapper = this.shadowRoot.getElementById('console-screen-wrapper');
> wrapper.style.width = '' + 640 + 'px';
> wrapper.style.height = '' + 480 + 'px';
> this.display = wrapper.appendChild(client.getDisplay().getElement());
> {code}
> The display elements including canvas are present in the DOM (see DOM 
> screenshot).
> The reason seems to be the explicit canvas/layer z-index setup here:
> guacamole-common.js, Guacamole.Layer()
> {code:javascript}
> // Explicitly render canvas below other elements in the layer (such as
> // child layers). Chrome and others may fail to render layers properly
> // without this.
> canvas.style.zIndex = -1;
> {code}
> Setting canvas.style.zIndex to 0 instead of -1 makes all layers visible under 
> shadow DOM.



--
This message was sent by Atlassian Jira
(v8.3.4#803005)

[jira] [Updated] (GUACAMOLE-918) Guacamole Display not visible under Shadow DOM

[Jonas Zeiger (Jira)]

 [ 
https://issues.apache.org/jira/browse/GUACAMOLE-918?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
 ]

Jonas Zeiger updated GUACAMOLE-918:
---
Environment: 
guacamole-common-js 1.1.0 on Chromium 78
org.apache.guacamole:guacamole-common:1.1.0 on OpenJDK 11


  was:
guacamole-common-js 1.1.0 on Chromium 78
org.apache.guacamole:guacamole-common:1.0.0 on OpenJDK 11



> Guacamole Display not visible under Shadow DOM
> --
>
> Key: GUACAMOLE-918
> URL: https://issues.apache.org/jira/browse/GUACAMOLE-918
> Project: Guacamole
>  Issue Type: Bug
>  Components: guacamole-common-js
>Affects Versions: 1.1.0
> Environment: guacamole-common-js 1.1.0 on Chromium 78
> org.apache.guacamole:guacamole-common:1.1.0 on OpenJDK 11
>Reporter: Jonas Zeiger
>Priority: Major
> Attachments: guacamole-display-under-shadow-root.png
>
>
> The Guacamole display doesn't show when inserted under shadow DOM.
> The display is attached like this:
> {code:javascript}
> const wrapper = this.shadowRoot.getElementById('console-screen-wrapper');
> wrapper.style.width = '' + 640 + 'px';
> wrapper.style.height = '' + 480 + 'px';
> this.display = wrapper.appendChild(client.getDisplay().getElement());
> {code}
> The display elements including canvas are present in the DOM (see DOM 
> screenshot).
> The reason seems to be the explicit canvas/layer z-index setup here:
> guacamole-common.js, Guacamole.Layer()
> {code:javascript}
> // Explicitly render canvas below other elements in the layer (such as
> // child layers). Chrome and others may fail to render layers properly
> // without this.
> canvas.style.zIndex = -1;
> {code}
> Setting canvas.style.zIndex to 0 instead of -1 makes all layers visible under 
> shadow DOM.



--
This message was sent by Atlassian Jira
(v8.3.4#803005)