Skip to content

no horizontal scrolling in code block, not able to view the complete code #5232

@ayushanand18

Description

@ayushanand18

Description

One the main website (https://www.cypress.io/), the code block demonstrating writing tests does not have a horizontal scroll but some text overflows and is not visible.

URL of Issue(s)

https://www.cypress.io/

Steps to replicate

  1. Go to 'https://www.cypress.io/'.
  2. Scroll down to the section 'Write, run, and debug like a pro' (https://www.cypress.io/#app).
  3. Scroll down to 'Write your first passing test in minutes' setion,
  4. and now scroll only few pixels down, between the current and the next section, you will find a code block in the left (screenshot attached in additional information.)
  5. This code block has the UI bug.

Browser

Google Chrome 112.0.5615.165 (Official Build) (64-bit)

Device

  • PC
  • Mac
  • iPhone
  • iPad
  • Android Phone
  • Android Tablet

Additional Information

The code block shown in this screenshot does not have horizontal scrolling, and the line no 10 is not completely visible.

image

Additional browser details

spec info
Google Chrome 112.0.5615.165 (Official Build) (64-bit)
OS Linux (Ubuntu 22.04)
JavaScript V8 11.2.214.14

Thanks!

Metadata

Metadata

Assignees

Labels

E2EtriagedIssue has been routed to backlog. This is not a commitment to have it prioritized by the team.type: bug

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions