Fixing a style on a selected attribute issue: the behavior is not the
same in Chrome and Firefox. 

If an attribute is present on the web component and on a shadow DOM
element
-Chrome applies the style only to the shadow DOM
-Firefox applies the style to both the shadow DOM element and the web
component

The solution: using two different attribute names