Burton Smith

@stuffbreaker
127 Followers
31 Following
425 Posts
You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

A conversation with a coworker re-triggered an intrusive thought that I find myself returning to regularly while working in a firm in the grips of AI influences:

Teams and engineering processes are like fish in tanks. There's a careful balance of the nitrogen cycle that keeps delicate organics alive; above a certain pH, it's just not plausible to believe things will keep working. But to understand effects, we have to take into account causes and add the effect of time.

* CSS Zoom inheritance fixes
* Custom Element Registry
* Auxiliary mouse button values in MouseEvent.button
* lighter operator in SVGFECompositeElement
* WebAuthn CTAP PIN/UV Auth Protocol 2
* Multiple microphone capture on macOS
* WebRTC network slicing on iOS
* MediaDeviceInfo in secure contexts only

They are all new in Safari 26.4 beta!
https://developer.apple.com/documentation/safari-release-notes/safari-26_4-release-notes

Safari 26.4 Beta Release Notes | Apple Developer Documentation

Released February 16, 2026 — 26.4 beta (20624.11.11)

Apple Developer Documentation
This is to collect research for HTML input pickers such as date, time, datetime and colour. "Please send us examples of good (or bad) ones. Even if they have extra functionality that doesn't exist yet (e.g. date ranges, perhaps we can add that in)." https://github.com/openui/open-ui/issues/1371
Research Issue for pickers · Issue #1371 · openui/open-ui

This is to collect research for pickers such as date, time, datetime and colour. Please send us examples of good (or bad) ones. Even if they have extra functionality that doesn't exist yet (e.g. da...

GitHub

Are teams using #TypeScript declaration maps to provide a better go-to-definition experience for developers?

I've used source maps, but I don't think I've provided declaration maps.

#SoftwareEngineering #Programming

...or do we need anything? Standard HTML doesn't do anything.

When you are in an #html file, and you want to go-to-definition for a custom element, what do you think the behavior should be? Should it go to:

- type definition
- JS file where the class is defined
- CEM entry
- something else

#webcomponents #javascript

🚀 Big news: We’re now sponsored by the Google Chrome team through the Chrome Performance Fund!

Together, we’re advancing web performance and modern tooling—integrating Baseline + Web Features into our next module-replacements release to deliver smarter, environment-aware suggestions. Huge thanks for the support 🙏

read more here:
https://e18e.dev/blog/the-year-ahead-2026.html#sponsored-by-google-chrome

The Year Ahead (2026)

A look ahead at what's coming in 2026 for the e18e community

I also created a demo site showcasing each of the solutions.
https://break-stuff.github.io/ce-fouc-demo
FOUC Demo - Baseline

Baseline FOUC demo showing unstyled custom elements before definitions load.

I updated my article on reducing #WebComponent FOUC to include details on how to choose an appropriate timeout.

#html #css #javascript
https://dev.to/stuffbreaker/reducing-fouc-with-web-components-1jnh

Reducing FOUC with Web Components

Learn practical techniques for reducing the flash of unstyled content (FOUC) as your web components/custom elements are defined to improve your users' experience

DEV Community