Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Polymer support, shadow DOM

See original GitHub issue

We are using Polymer together with FullCalendar. We have succesfully imported FullCalendar with the polymer style-modules, but enabling shadow dom results in unexpected behaviour.

All styling is correct, however the height of the events are very small.

Actual result:

Expected result:

Inspecting the events shows:

whereas an event rendered in non-shadow dom has values like

Therefore the top and bottom css properties of the events are incorrectly calculated under shadow dom.

Issue Analytics

State:
Created 8 years ago
Comments:17 (17 by maintainers)

Top GitHub Comments

2reactions

TimvdLippecommented, Oct 29, 2016

Finally had the time to investigate this issue and happy to say: jQuery 3.0 fixed the shadow dom issues and therefore fullCalendar is working correctly in shadow dom 🎉

0reactions

TimvdLippecommented, Oct 2, 2016

This is once again on my todo list, currently working on getting the application to production which includes shadow dom. Hopefully jQuery 3 fixed most of the issues.

Top Results From Across the Web

Shadow DOM concepts - Polymer Project

Shadow DOM is a new DOM feature that helps you build components. You can think of shadow DOM as a scoped subtree inside...

Support for elements without shadow dom #5011 - GitHub

Shadow dom is awesome, but we use polymer to build quite a complex and large web app. It might not be optimal to...

Shadow DOM (Polymer) question - Google Groups

Dartium and Chromium currently support a different set of selectors for shadowDom until Dartium is updated. We are porting polymer_elements/polymer_ui_elements ...

Support both shady dom and shadow dom - Stack Overflow

I'm working on a generic web component, wrapping a jquery based grid library with Polymer. I'm finding that the custom themes that come...

Introducing Polymer 1.0

Brand new, lightweight shadow DOM shim called shady DOM , that lets you avoid the ... needed to run on browsers that don't...