[webvtt] Font styling section imposes minimum line-height. (#530)

emilio has just created a new issue for https://github.com/w3c/webvtt:

== Font styling section imposes minimum line-height. ==
Due to how the DOM structure of WebVTT is set up, the `font` of the track container ends up imposing a minimum line height on the `::cue`.

Minimal example is:

```html
<!doctype html>
<style>
  .container {
    font: 5vh sans-serif;
  }
  .cue {
    font: 10px sans-serif;
    color: white;
    background-color: rgba(0, 0, 0, .8);
  }
</style>
<div class="container">
  <span class="cue">This is<br>some cue<br>text</span>
</div>
```

This doesn't seem great? Maybe the container line-height should default to `0`?

Please view or discuss this issue at https://github.com/w3c/webvtt/issues/530 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 26 February 2025 11:49:31 UTC