research.google - Title underline is displayed misaligned

[webcompat-bot]

URL: https://research.google/pubs/pub49526/

Browser / Version: Firefox 100.0 Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are overlapped Steps to Reproduce: An underline is only drawn under the first line of the title in Firefox. This looks terrible as it overlays the second line of text. In Chrome the underline is only drawn under the second line.

View the screenshot

Browser Configuration

• gfx.webrender.all: true
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: true
• image.mem.shared: true
• buildID: 20220220070007
• channel: nightly
• hasTouchScreen: false
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note: The issue is not reproducible on Chrome.

Affected area:

<div class="hero-meta">
  <div class="hero-meta__wrapper">
    <nav class="content__breadcrumbs">
      <a href="/pubs/">Publications</a> ›
    </nav>
    <h1 class="hero__title">
      <span class="wrap">A System Design for Privacy-Preserving Reach and Frequency Estimation</span>
    </h1>
  </div>

Tested with: Browser / Version: Firefox Nightly 99.0a1 (2022-02-21), Firefox 100 Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

[qa_08/2022]

[softvision-raul-bucata]

The issue is still reproducible:

Tested with:

Browser / Version: Firefox Nightly 108.0a1 (2022-11-12) (64-bit) Operating System: Windows 10 PRO x64

[inv_46/2022]