arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: https://viljamis.com/2016/the-future-of-web-fonts/
Browser / Version: Firefox 52.0
Operating System: Windows 10
Problem type: Layout is messed up

Steps to Reproduce

  1. Navigate to: https://viljamis.com/2016/the-future-of-web-fonts/

Expected Behavior:
The main heading should be visible.

Actual Behavior:
The heading is partially obscured by a white block.

I’m not sure what’s going on here, but if you remove the -webkit-mask-image declaration from the H1 element, the heading becomes fully visible, so I assume it has to do with CSS Masking which is planned to ship in Firefox soon.

Screenshot Description

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Closed: Fixed
#3409

viljamis.com - layout is messed up

Opened: 2016-10-10
Reporter: simevidas
Comments: 7
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct