vivliostyle/vivliostyle.js

Missing background color when using variables and @media

Closed this issue · 2 comments

depth42 commented

Describe the bug
Using a @media rule makes background color disappear in combination with using a CSS variable.

To Reproduce
Paginate the attached file "test.html" with Vivliostyle.

test.html.zip

Expected behavior
The box containing the text "test" should have a green background color. Instead it does not have a background color.

Desktop (please complete the following information):

  • macOS 14.4
  • Safari 17.4

Additional context

  • When I remove the @media rule, the green background is shown.
  • When I replace the test variable in the @media rule with a literal color, the green background is shown.
  • When opening test.html directly in Safari without pagination, the green background is shown.
MurakamiShinyu commented

@depth42 Thanks for reporting the bug! I will investigate the problem.