Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Does not work in FireFox #36

Open
1 of 6 tasks
lastmjs opened this issue Dec 15, 2017 · 5 comments
Open
1 of 6 tasks

Does not work in FireFox #36

lastmjs opened this issue Dec 15, 2017 · 5 comments
Milestone
BLED Composition ...

Comments

@lastmjs
Copy link

lastmjs commented Dec 15, 2017

Steps to reproduce

Install the editor:

bower install juicy-ace-editor

Create an index.html file, include all of the necessary stuff:

<!DOCTYPE html>

<html>
    <head>
        <script src="bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js"></script>
        <link rel="import" href="bower_components/juicy-ace-editor/juicy-ace-editor.html">
    </head>

    <body>
        <juicy-ace-editor></juicy-ace-editor>
    </body>
</html>

Run a web server and open up index.html in FireFox. Nothing is displayed. I've noticed this problem throughout the year, I'm just now formalizing the issue.

Expected result

The editor shows up and works

Actual result

The editor does not show up nor does it work

Browsers affected

  • Chrome
  • Firefox
  • Edge
  • Safari 9
  • Safari 8
  • IE 11

Screenshot

screenshot from 2017-12-15 12 30 36

screenshot from 2017-12-15 12 30 43
@ttretau
Copy link

ttretau commented Dec 18, 2017

I think this has to do with the v1 Shadow DOM now in FF. Perhaps this helps: https://github.com/valaxy/ace-shim-about-shadow-dom/

@lastmjs
Copy link
Author

lastmjs commented Dec 18, 2017 •
edited
Loading

I'm not sure that is the issue. FF doesn't have Shadow DOM currently , and I've experienced this problem many months ago as well, when I know FF didn't have Shadow DOM.

https://caniuse.com/#search=shadow%20dom%20v1

@ttretau
Copy link

ttretau commented Dec 19, 2017

I think this problem comes from polymer shady dom implementation - which is activated in Firefox. If I force to use shady DOM (https://www.polymer-project.org/2.0/docs/polyfills#settings) I see similar problems in Chrome.

@lastmjs
Copy link
Author

lastmjs commented Dec 19, 2017

I see, do you know if it is possible to disable shady Dom?

@simonh1000
Copy link

Is there any solution to get juicy running on Firefox?

@warpech warpech added this to the Composition editor improvements milestone Apr 7, 2018
@andrewspy andrewspy mentioned this issue Aug 8, 2018
Closed
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
BLED Composition editor improvements ...
Development

No branches or pull requests
4 participants
@warpech @simonh1000 @ttretau @lastmjs