react

Customizable select elements have received support in Chromium 134: https://developer.chrome.com/blog/a-customizable-select https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select Creating selects with appearance base-select work fine in React, however an error is logged in dev mode in validating DOM nesting. and React version: 19.1.0 Steps To Reproduce 1. Copy the example from MDN into a react project, or use my code sandbox 2. Open dev tools 3. Observe the warning Link to code example: https://codesandbox.io/p/sandbox/quiet-cdn-ylm323?file=%2Fsrc%2FApp.js%3A9%2C59 The current behavior A hydration warning is logged The expected behavior No error logged, no hydration errors should be happening (?)

React version: 18.3.1 Steps To Reproduce Open DevTools Network tab and check "disable cache" to see how much data is requested. 1. Render a long list of `loading="lazy"srcloading="lazy"loading="lazy"src=loadingsrc`. There used to be a bug in Firefox that caused the lazy loading to not work when loading attribute is placed after src, but it is gone and was never a problem in Chrome. Yet, somehow, the way in which React adds the nodes to DOM, reproduces the bug even in Chrome. I am personally experiencing it in Chrome version 131.0.6778.70 (64bit, windows). The expected behavior No matter the order of attributes, the behavior should be as per the standard browser behavior. It shouldn't matter that it's React appending the nodes or which time it's doing it.