INPUT
summary
Browsers ship an ancient, overloaded input API that accumulates 21 years of baggage and inconsistent behavior (file controls unstyleable, eleven browser selectors just for range, different fallbacks per type). The claim: split inputs into distinct elements and fix them with Web Components. Built a custom number element using Shadow DOM, Custom Elements and HTML Imports (Polymer polyfills), with lifecycle callbacks and a getter/setter that distinguishes empty from invalid input — demo works. Encapsulation via shadow root and polyfills (shadow DOM/custom elements/html imports) are the actual tools.
AI-written summary · about
chapters (17)
- 0:00Start
- 1:39Paper Input
- 4:22Inputs
- 9:17Html4
- 12:35Html5
- 20:26Web Components
- 21:53Show User Agent Shadow Dom
- 23:39Shadow Dom Spec
- 24:20Html Import
- 25:26Life Cycle Callbacks
- 27:17Fix Method
- 28:23Polyfills
- 29:00Emoji Rain
- 29:55What Primitives Are Missing in the Platform
- 33:47Multi Profiles
- 34:27Emojis
- 34:39Favorite New Emoji
