cypress-documentation icon indicating copy to clipboard operation
cypress-documentation copied to clipboard

Published 20 hours ago • verified publisher icon cypress-io

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

Open ayushanand18 opened this issue 2 years ago • 0 comments

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

  • [X] 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!

ayushanand18 avatar May 06 '23 05:05 ayushanand18