The screenshot from Firefox showed the advice expanded inline in the
table cell, running down the column and off the screen, with the long
and short labels both showing ("BREWING ADVICEADVICE"). The page had
the new markup and Firefox was serving a stale stylesheet.
Two fixes.
The static files now send Cache-Control: no-store. They sent
no-cache, which means "revalidate" - and Firefox was reusing them
without revalidating. no-store is the only one that means "do not
keep this". The HTML pages already sent no-store.
The pop-out carries the hidden attribute, and the script removes it
when the panel opens and puts it back when it closes. That makes the
MARKUP fail-safe rather than the stylesheet: a stylesheet that does
not know about .advice-pop at all still leaves the panel hidden, so
the advice can never appear expanded inside the cell.
Verified by removing all eight .advice-pop rules from the live
stylesheet - the panel stays hidden, 0x0, and the advice is not
rendered. Before this it would have rendered inline.
The button still opens it on tap and on hover, and the close button
still closes it. The desktop is unchanged: the same full headings and
the same hover pop-out.
195 tests pass.
hermes
fb1088ceec