This issue is about multiple bugs I believe *probably* will eventually need one generalization of the approach of https://codesearch.wmcloud.org/search/?q=vector-animations-ready&files=&excludeFiles=&repos= (applied to <html>) and https://codesearch.wmcloud.org/search/?q=minerva-animations-ready&files=&excludeFiles=&repos= (applied to <body> element)
The first bug:
Steps to replicate the issue:
- Enable dark skin for a Wikipedia
- Open http://en.wikipedia.org/wiki/Special:Random
(perhaps this is Safari related? if it doesn't happen in your browser please test Safari or Epiphany of Linux)
What happens?:
Search box glitches from light color to dark each time sometimes
What should have happened instead?:
There is a
.cdx-text-input__input:enabled {
...
transition-property: background-color,color,border-color,box-shadow;
...
}Which should be turned into something like
.vector-animations-ready,
.minerva-animations-ready {
.cdx-text-input__input:enabled {
...
transition-property: background-color,color,border-color,box-shadow;
...
}
}But that class is theme specific and not possible to use with Codex
The second bug:
Steps to replicate the issue:
- Clone tip of tree of CategoryTree
- Add this to a page
<categorytree mode="pages">C</categorytree> <div dir="rtl" class="mw-content-rtl"> <categorytree mode="pages">C</categorytree> </div> <div dir="ltr" class="mw-content-ltr"> <categorytree mode="pages">C</categorytree> </div>
- Refresh the page each time
What happens?:
Some of the arrows animates each time by refreshing the page by Ctrl+R / Command+R
What should have happened instead?:
That to not happen as the fix by https://gerrit.wikimedia.org/r/c/mediawiki/extensions/CategoryTree/+/1078048 using
.vector-animations-ready,
.minerva-animations-ready {
.CategoryTreeToggle {
transition: transform 250ms ease;
}
}See also similar issues that found or fixed on later comments