microsoftgraph / microsoftgraph/microsoft-graph-explorer-v4

Focus is lost during typing when endpoint is wrapped on next line

Open
#3,917 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Triaged-Unassigned type:user-experience
Dominant language
TypeScript
Stars
260
Forks
110
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
When a user type the endpoint which is too long it happens that focus is lost at the end of line

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'Graph Explorer'
  2. Start typing long URL like https://graph.microsoft.com/v1.0/drives/{drive_id}/items/{item_id}?$select=id,createdBy,createdDateTime,description,deleted,folder,file,lastModifiedBy,eTag,content,fileSystemInf
  3. Suddenly when the text is too long and wrapped on the next line then focus is lost and the users must click into URL text box.

Expected behavior
No focus is lost during typing URL

Screenshots
Video attached

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Microsoft Edge
  • Version: 138.0.3351.95

Additional context
Time on video: 7s

https://github.com/user-attachments/assets/1e285876-b4de-4b77-8455-b3b61dda204c

Contributor guide

Open the contributing guide

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 in Graph Explorer by reproducing the issue with a long Microsoft Graph URL in the URL text box, preferably in Microsoft Edge. Trace the URL input's rendering and focus behavior when the endpoint wraps onto a second line. Done means typing continues without losing focus when the URL becomes multi-line, with the reproduction steps no longer triggering the bug.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, redux, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.