Azure / Azure/api-management-developer-portal

Use tabs in text elements

Open
#1,278 3 comments 0 reactions 0 assignees View on GitHub
(t) Improvement (u) Customization (u) Usability P2
Dominant language
TypeScript
Stars
545
Forks
360
PR merge metrics
No merged PRs in 30d

Description

## Bug description

Currently it is not possible to use tabs in text elements. If tab is pressed the focus on the text element is lost.

If I for example want to present a structure with different indentations like in an JSON element then I have to manually press space bar multiple times for every line. For consistency and usability tabs should be enabled.

In this case I would want to press tab once for "best friend" to align with the others.
![image](https://user-images.githubusercontent.com/58420097/116201626-f9bfc080-a739-11eb-8e99-4afaebfb9b1d.png)

## Expected behavior

A tab should be added by pressing the tab button and also from a button in the formatting menu of the text element.

---
@AnRei123

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the text element editor and its formatting menu, then reproduce the focus loss when Tab is pressed. Check both the keyboard behavior and the formatting-menu action; done means a tab can be inserted through either path without leaving the text element.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.