eclipse-theia/theia

Previous active tab flicker when navigating the top menu, Navigation sometimes disabled when Webview was last focused

Open

#8572 aperta il 29 set 2020

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (2478 fork)batch import
help wantedmenusui/uxwebviews

Metriche repository

Star
 (18.676 star)
Metriche merge PR
 (Merge medio 15g 4h) (75 PR mergiate in 30 g)

Descrizione

When focusing a tab inside the main panel and then - navigating between the tabs in the top panel - The focused tab inside the main panel flicker, Before menu closes - the previous-focused-tab getting focus even though the user is still on the menu bar - When navigating by keyboard arrows and the previous-focused-tab was a Webview - sometimes the focus not return back to the menu (because focusing on the webview iframe) so navigation is disabled.

Bug Description:

Steps to Reproduce:

For the flicker issue:

  1. Focus on a file
  2. Click on any tab inside the top menu
  3. Navigate between the menu tabs (by mouse/ keyboard)

For the IFrame issue:

  1. Open a webview
  2. Click on any tab in the top menu
  3. Navigate between the menu tabs by keyboard

This is how it flicker: menu

It happens because there's code for restoring the focus before the menu closes, When navigating on menu - the tab first closes - so previous-focused-tab inside main panel is focused and only then - the next selected tab is opened...

Additional Information

  • Operating System: Windows
  • Theia Version: Master

Guida contributor

Direzione di ricerca
Indaga la logica di ripristino del focus nella sequenza di chiusura del menu. Il problema menziona che durante la navigazione del menu superiore, la scheda attiva precedente acquisisce il focus prima che si apra la nuova scheda, causando uno sfarfallio. Cerca il codice che ripristina il focus quando il menu si chiude e modificalo in modo che ripristini solo dopo che la nuova scheda è stata selezionata. Gestisci anche il caso dell'iframe WebView per prevenire la perdita del focus.
Tech stack
typescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Git
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70