react-stick icon indicating copy to clipboard operation
react-stick copied to clipboard

"Stick node width" section not working as expected

Open Sigrsig opened this issue 2 years ago • 0 comments

The "Stick node width" section of the react-stick demo page doesn't seem to be working as intended. On smaller screen width the right-most node does not have a text break and on wider screens the line clip doesn't seem to be in accordance to the screen width itself (always has overflow)

Steps to reproduce:

  1. Visit the react-stick demo page - https://react-stick.vercel.app/
  2. Find the "Stick node width" section
  3. Set a small screen width (like 900px)
  4. Confirm that the right-most node does not have a line break and flows off the screen
  5. Set a large screen width (like 1500px)
    1. Confirm that the right-most node has a line break but still flows off the screen

Expected behaviour: Right-most node clips the text to accommodate the screen width

Observed behaviour: Lines on the node do not clip correctly and flow over the screen width

image image

Sigrsig avatar Apr 21 '23 11:04 Sigrsig