Jon Lunman
LightNews LightNews
jlunman.bsky.social
Jon Lunman
@jlunman.bsky.social
26 followers 32 following 24 posts
Software Architect. Web standards nerd. Front-of-the-front-end enthusiast. RESTafarian. Occasional musician.

https://soundcloud.com/jon-lunman
Posts Replies Media Videos
jlunman.bsky.social
Would also love to be able to conditionally disable elements with CSS. Similar to "pointer-events: none" but also covering keyboard and other interactions.

Combined with my previous request for a ":navigating" pseudo-class, this could be used as to prevent double form submissions:
``` /* Example Use - Disable a button when it has already been clicked. */ button:navigating { interaction: disabled; } /* Alternately, introduce a "keyboard-events" property, similar to "pointer-events" (Though I like "interaction: disabled" better.) */ button:navigating { pointer-events: none; keyboard-events: none; } ```
November 6, 2025 at 1:54 PM
jlunman.bsky.social
I would love a way in CSS to detect when a navigation has been triggered by a link, form, or button that submits a form.

This would allow us to provide better visual feedback that a navigation is underway. Especially useful if the network is slow.

Hypothetical examples:
Example CSS: ``` /* Link that has been clicked. */ a:navigating { ... } /* Form that has been submitted */ form:navigating { ... } /* Button that submitted a the form */ button:navigating { ... } /* Page-wide */ :root:has(:navigating) { ... } ``` ``` /* Example Use Show a spinner icon in a button when it has been clicked to submit a form. */ button:navigating::before { content: ""; width: 1rem; height: 1rem; background-image: url("spinner.svg"); background-repeat: no-repeat; background-position: center; } ```
November 6, 2025 at 1:44 PM
jlunman.bsky.social
In other words:

"If you want to write CSS to customize the styles for these pages, good luck reliably selecting any elements!"
A warning section from the documentation of a SaaS product, that says: Page template limitations: CSS class names change each time (redacted) builds the project. Custom CSS that targets these classes will break with each new build. The HTML structure of (redacted) pages is subject to change. Avoid customizations that rely on the HTML structure to prevent any interruptions. To learn more, review CSS customization.
July 9, 2025 at 3:18 PM