datatracker render of svg diagrams shows all black #11994

Activity

1. pcamarillo

   added

   bugSomething isn't workingSomething isn't working

   on Nov 5, 2026
2. pcamarillo

   added the

   Bug

   issue type on Nov 5, 2026
3. jennifer-richards commented on Nov 5, 2026

   

   jennifer-richards

   on Nov 5, 2026

   Member

   More actions

   This is happening because the affected rectangles don't have their fill attributes set. They are inheriting it from the container they're in. There's a CSS hack at

   datatracker/ietf/static/css/document_html_txt.scss

   Lines 462 to 464 in 1663408

   	svg :is([fill="black"], [fill^="#000"], :not([fill])) {
   	fill: var(--bs-body-color);
   	}

   that matches on an absent fill attribute and substitutes the foreground color (--bs-body-color).

   This particular case would be fixed by moving the :not([fill]) case to the group that becomes --bs-body-bg instead. That might affect other SVGs, though. @martinthomson, I think you originated that CSS - do you know offhand whether that would break things?
4. jennifer-richards

   added

   minor

   accepted

   component: doc/

   on Nov 5, 2026
5. martinthomson commented on Nov 5, 2026

   

   martinthomson

   on Nov 5, 2026

   Last edited by martinthomson

   Contributor

   More actions

   A URL would have been a great deal of help. https://datatracker.ietf.org/doc/html/draft-camarillo-fann-lsn-00

   This SVG will never work with dark/light toggles. It will render much of the content as black on black. (Update: Seems fine with the fix.)

   As you say, the :not([fill]) matcher is activating on the rect elements, which is overriding the fill attribute on the g element.

   The fix would appear to be to switch to :not([fill], [fill] *), which only matches if the element and all its ancestors lack the attribute. That's not perfect (HTML outside of the SVG could include the attribute), but it's probably fine.
6. jennifer-richards commented on Nov 6, 2026

   

   jennifer-richards

   on Nov 6, 2026

   Member

   More actions

   A URL would have been a great deal of help. https://datatracker.ietf.org/doc/html/draft-camarillo-fann-lsn-00

   Oops, sorry.

   The fix would appear to be to switch to :not([fill], [fill] *), which only matches if the element and all its ancestors lack the attribute. That's not perfect (HTML outside of the SVG could include the attribute), but it's probably fine.

   Awesome, thanks!
7. jennifer-richards

   closed this as completedin #12008on Nov 6, 2026
8. jennifer-richards commented on Nov 10, 2026

   

   jennifer-richards

   on Nov 10, 2026

   Member

   More actions

   (Update: Seems fine with the fix.)

   Deployed and confirmed just now. Thanks again!