Comments (4)
Could it be as straight forward as removing the disabled
attribute from the MutationObserver filter, and running a callback whenever the attribute changes that toggles the internals-disabled
class?
EDIT:
Spoiler alert: it's not as straight forward as that
from element-internals-polyfill.
Note: I tried removing disabled
as an attribute in the MutationObserver filter, but it caused the tests to run where the Chrome behaviour is now out of sync with the other browsers.
My thoughts are leading me to believe that Firefox + Webkit aren't setting the :disabled pseudo-class because it should only added to certain form inputs or form-associated elements. Since it sounds like we'll still want to manually apply the pseudo-class, do you have any idea where we might want to do it?
I'm also trying to dive into the Chromium repo to see if I can find anything, but am having no luck.
from element-internals-polyfill.
friendly bump @calebdwilliams
from element-internals-polyfill.
This was released in version 0.1.44
from element-internals-polyfill.
Related Issues (20)
- How to test when WebKit also supports FACE? HOT 1
- Non browser environments HOT 12
- MacOs, Safari, JS Error - TypeError: Attempted to assign to readonly property HOT 15
- ARIAMixin not polyfilled on Firefox
- Version 1.3.0 causes typing error HOT 3
- :is() selector does not work in chrome < 88 HOT 2
- globalThis.ValidityState type conflicts with typescript 5.1.6 lib.dom.d.ts HOT 1
- Allow forcing polyfill and not crashing when web components polyfills are forced
- No "backwards compatible" way to match custom states on shadow parts HOT 2
- Polyfill checkValidity evaluates too false when component is disabled HOT 2
- Support shadydom in IE11 HOT 4
- Unmodified form input not posted HOT 10
- Custom elements are not polyfilled when added within a subtree HOT 5
- FormData values polyfilled in reverse order HOT 2
- id with invalid querySelector character throw error on get labels HOT 1
- Is there any way to lazy import polyfill in Lit HOT 1
- Label clicks not polyfilled HOT 1
- Enclosing fieldset's `disabled` attr does not disable polyfilled elements HOT 2
- ElementInternals does not contain form if denoted by form attribute HOT 8
- Type definition is incompatible with TypeScript 4.9 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from element-internals-polyfill.