client-side CSS appears to be using LESS syntax, which breaks in web browsers
Open, Needs TriagePublicBUG REPORT
Actions

Assigned To

None

Authored By

	Jasonkhanlar
	May 4 2022, 9:14 PM

Description

Line 146 of ./resources/lib/ooui/oojs-ui-core-wikimediaui.css

background-color: rgba(0, 24, 73, 7/255);

This is not CSS. It looks like LESS, and it is being delivered client-side for web browsers to process, and it doesn't render correctly. This is not the only CSS/LESS issue, but is one of the first I stumbled upon yesterday while working on trying to fix something else.

sibling task

https://phabricator.wikimedia.org/T307636

Related Objects

Mentioned In: T300437: Quiet default buttons have invalid hover styles
T307636: Two HTML Validation errors in MediaWiki core
Mentioned Here: T300437: Quiet default buttons have invalid hover styles
T307636: Two HTML Validation errors in MediaWiki core

Event Timeline

Jasonkhanlar created this task.May 4 2022, 9:14 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 4 2022, 9:14 PM

Also noting from my mention of this yesterday on IRC in Libera.chat/Mediawiki,

same issue with line 155:

background-color: rgba(0, 36, 73, 21/255);

Another error on line 1399 (1400 too?):

background-position: -9999em 0\9;
padding: 0\9;

@Reedy pointed out https://github.com/wikimedia/mediawiki/commit/c3dc0a2d99ed6bb594dec7cd5095085028696588 which shows commits by @Volker_E and that it looks like it wasn't done on purpose. @Izno also guessed "that Volker just plain forgot that a css file isn't less" haha

In any case, I'm posting this so that it can be resolved/fixed, because I stumbled upon these issues after Libera.chat/CSS pointed out tons of W3C CSS validation and HTML validation errors on my MediaWiki website, and I am determined to fix all of them! even though they appear to all be from MediaWiki, skins and extensions.

DannyS712 added projects: OOUI, CSS.May 4 2022, 9:21 PM

Jasonkhanlar added subscribers: Volker_E, Izno, Reedy.May 4 2022, 9:27 PM

Also continuing from where I last left off in The W3C CSS Validation Service results:

Property pointer-events doesn't exist : none

Actually, nevermind about this because apparently W3C-CSS Validation is outdated:

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

https://caniuse.com/pointer-events

Jasonkhanlar mentioned this in T307636: Two HTML Validation errors in MediaWiki core.May 4 2022, 10:34 PM

Jasonkhanlar updated the task description. (Show Details)

Izno removed a subscriber: Izno.May 4 2022, 11:51 PM

Jack_who_built_the_house closed this task as a duplicate of T300437: Quiet default buttons have invalid hover styles.May 29 2022, 1:30 AM

Jasonkhanlar mentioned this in T300437: Quiet default buttons have invalid hover styles.May 29 2022, 1:38 AM

I thought this problem and the one mentioned in T300437 have the same base reason because they have appeared at the same time and mentioned exactly the same code rgba(0,24,73,7/255), but I see the button on the demo page linked in T300437 behaving well, so probably they are separate, so I will unmark it as duplicate.

This task affects at least the hover behavior of frameless buttons – they don't have a light gray background when they are hovered.

@AnneT, @Volker_E, can you help us?

client-side CSS appears to be using LESS syntax, which breaks in web browsers Open, Needs TriagePublicBUG REPORTActions

Description

sibling task

Related Objects

Event Timeline

client-side CSS appears to be using LESS syntax, which breaks in web browsers
Open, Needs TriagePublicBUG REPORT
Actions