You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm using primeng in a angular webcomponent which obviusly its using shadowDOM as view encapsulation. Currently primeng its creating the style elements in the main document body, is there the possibility to change the document where the styles are created? and introduce them instead on the shadowRoot element?
Currently I have a workaround which is based on:
A dom observer that listens for the style elements with data-primeng-style-id attribute. Whenever one of this elements its added, I copy the element into my shadowRoot element and remove it from the document.
Is there any plan to make flexible where do we want style elements to be created? if not, is there any other workaround?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello,
I'm using primeng in a angular webcomponent which obviusly its using shadowDOM as view encapsulation. Currently primeng its creating the style elements in the main document body, is there the possibility to change the document where the styles are created? and introduce them instead on the shadowRoot element?
Currently I have a workaround which is based on:
A dom observer that listens for the style elements with
data-primeng-style-id
attribute. Whenever one of this elements its added, I copy the element into my shadowRoot element and remove it from the document.Is there any plan to make flexible where do we want style elements to be created? if not, is there any other workaround?
Beta Was this translation helpful? Give feedback.
All reactions