Skip to content

Pre code blocks wrap on Safari only #1845

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.,

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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