pilatch / easy-element Goto Github PK
View Code? Open in Web Editor NEWSimple way to create cross-browser custom elements as V1 web components with vanilla javascript
License: Other
Simple way to create cross-browser custom elements as V1 web components with vanilla javascript
License: Other
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.