Erratic jumping behaviour

Aperta
#2,349 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript, jquery
Ambito
frontend

Direzione di ricerca

Inizia dal JSFiddle collegato e riproduci il problema con la chiamata .checkboxradio() abilitata in Chrome e Safari su macOS, quindi confrontalo con lo stato disabilitato e con Firefox. Il lavoro è completato quando il riquadro più a destra ha una sola barra di scorrimento e fare clic sui suoi pulsanti radio non fa più saltare la pagina nell’area grigia.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Behavior shared with 1.12 Comp: Checkboxradio

I'm not sure how to call this.

Please see https://jsfiddle.net/b7tjq1sk/6/
This is a rough representation of an app I'm currently making, stripped down to the basic elements at play here.

This appears on Chrome and to some extent on Safari on MacOS, but not Firefox. I turned off all extensions for testing.

The rightmost pane (white background) has a radio group at its bottom. Scroll all the way down. First of all, there aren't supposed to be two scrollbars. Second of all, when I click on a button, the whole page scrolls downwards into nothingness (a light gray area appears that isn't supposed to even exist and is not part of the box measurements of CSS). Or rather, it appears as though the view jumps upwards out of the viewport.

If I change the CSS visibility property of <body> to hidden, the same behaviour persists except that I then can't scroll back up, so I left it on auto.

The erratic behavior only appears after the .checkboxradio() call. If you disable it, the page loads and behaves normally, with only one scrollbar visible and no erratic behaviour when clicking the radio buttons.

Lingua principale
JavaScript
Stelle
11.3k
Fork
5.2k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di jquery/jquery-ui

Tutte le issue di jquery/jquery-ui

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.