Skip to content

Pre code blocks wrap on Safari only #1845

@tunetheweb

Description

@tunetheweb

For example: https://almanac.httparchive.org/en/2020/css#usage-of-different-grid-layout-techniques

Wrapping instead of scrolling

Compared to Chrome and Firefox:

Scrolling instead of wrapping

Looks to be due to this word-wrap:

pre {
margin: 0;
word-wrap: break-word;

Which is not needed since we allow overflows here:

.code-block,
pre {
overflow-y: hidden;
overflow-x: auto;

Guess we should remove the word-wrap but need to see if any other unintended consequences so opening issue for now.,

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingdesignCreating the Almanac UXdevelopmentBuilding the Almanac tech stack

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions