Open Bug 1944534 Opened 14 days ago Updated 14 days ago

api.docs.cpanel.net - Text inside the code blocks is not formatted correctly

Categories

(Web Compatibility :: Site Reports, defect, P3)

Desktop
Windows 10

Tracking

(Webcompat Score:3, Webcompat Priority:P3)

Webcompat Score 3
Webcompat Priority P3

People

(Reporter: ctanase, Unassigned)

References

(Depends on 1 open bug, Regression, )

Details

(Keywords: regression, webcompat:platform-bug, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:windows,mac,linux,android
impact:significant-visual
configuration:general
affects:all
branch:release
diagnosis-team:layout
user-impact-score:40

Attachments

(4 files)

Environment:
Operating system: Mac OS X 10.15/Windows 10
Firefox version: Firefox 135.0/134/136

Steps to reproduce:

  1. Go to https://api.docs.cpanel.net/openapi/whm/operation/mass_edit_dns_zone/
  2. Scroll down to examples in the "add" section.
  3. Observe the text in the code blocks.

Expected Behavior:
The text is formatted correctly.

Actual Behavior:
The text is not formatted correctly.

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in firefox-nightly, and firefox-release
  • Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/147493

Attached image image.png

Work around:

.fYSZyG {
display: inline-block !important; /* instead of inline-flex; */
}

Attached file reduced.html
Severity: -- → S3
User Story: (updated)
Webcompat Priority: --- → P3
Webcompat Score: --- → 3
Priority: -- → P3
Keywords: regression
Regressed by: 783409, 1505786
Attached file reference case 2

For some reason, we change our rendering to match the expected-results (and match Chrome) if I add an additional wrapper div around the contents of the flex container.

Aha, so testcase 2 is rendering with a different anonymous flex item wrapping each run of text, and the wbr elements become their own flex items.

i.e. the wbr elements are being treated as elements that interrupt the anonymous-flex-item-wrappable flow. In contrast: that doesn't happen if I use br. br elements get included with the text that we wrap in an anonymous flex item.

Looks like this general issue was previously filed as bug 1499348.

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: