docs icon indicating copy to clipboard operation
docs copied to clipboard

[bug] Editor issue after resizing the code panel

Open Valulz opened this issue 5 months ago • 1 comments

I've noticed it on the page https://vuejs.org/examples/#conditionals-and-loops, after trying to resize the code panel to have the line 14 be on a single line, and prevent the button close tag on the next line.

How to reproduce:

  • Open an example on the vue website (ex: https://vuejs.org/examples/#conditionals-and-loops)
  • Resize the code panel (the left panel) so that a word wrap happens
  • Try to select the code

(Tested it on Firefox)

Examples :

When arriving on the page : Image

Resizing to get the button on line 14 on a single line and select all text : Image

Decreasing the width : Image

Valulz avatar Jun 26 '25 12:06 Valulz

Hm. This seems to be a behavior of https://github.com/vuejs/repl component. It remembers begining and ending position of the selection in absolute number of rows and it is not respecting changes happening as the "rows" gets added or removed via text wrapping.

AloisSeckar avatar Jun 26 '25 13:06 AloisSeckar