pilatch / easy-element Goto Github PK

For instance

/* Testing `:host(::after)` bug. It should output `:host::after`. */

Blows up when you build that CSS file.

When doing an install, I'm getting this warning which is keeping me from being able to run my component.

warning "easy-element > @babel/[email protected]" has incorrect peer dependency "@babel/[email protected]".

So I have a selector .pml-select__open .pml-select_list. .pml-select__open is toggled on/off on the host element when you click the host element. The demo example that I'm working with works perfectly fine. But once I bring it into the angular world my gut tells pml-select__open is ignored because it is attached to the host element. I do not see the styling toggling in the dev tools. All of the toggling of the classes is happening in the markup though. If I edit the styling in the dist file to be :host(.pml-select__open) .pml-select-list for testing purposes, it works fine.

Another issue I found is that for pseudo elements, something funky is happening with the host. I have the selector in the src of the web component of pml-select:after. Once it is rendered out in the dist folder it is turned into :host(:after). Again, once I bring it into the angular world, the style is busted. But once I edit the selector in the dist folder for testing purposes to :host:after, it seems to work.

Not sure why it would behave differently outside of the demo page. Just seems like the shadow root hates me.

To properly dispatch custom events in both old and new browsers, alias that method.

When you're in watch mode, and you alter a partial, such as an SCSS file (beginning with an underscore) and save that file, the re-build fails because it tries to build a web component based on that file name, rather than the web component's SCSS file that includes that partial... or the transitive parent.