vuejs / vuejs/docs

[bug] Editor issue after resizing the code panel

Open
#3,256 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Vue
Stars
3.2k
Forks
5k
Avg merge
14d 17h
Merged PRs (30d)
1

Description

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:

(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

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in the linked Vue example at https://vuejs.org/examples/#conditionals-and-loops using Firefox: resize the left code panel until wrapping occurs, then select the code. Done means code selection remains usable after resizing; the payload names no source file or test to inspect.

Written by the indexing model from the issue text.

Assessment

Domain
documentation, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.