2011-12-20 14 views
7

Ho un problema con i browser Webkit. Il problema si verifica quando focalizzo il cursore sull'elemento <input> e inizio a spostare il mouse senza rilasciare il pulsante.Previene lo scorrimento del bambino sovradimensionato in genitore con overflow: nascosto (webkit)

Ecco uno screencast - http://screencast.com/t/P1BnT7ZAdc

Ecco un html/css demo - http://napokrovke.mysundays.net/webkit_bug.html

Come posso impedire questo comportamento?

+0

Qual è l'intento? Il rosso è progettato per essere un avviso di errore o qualcosa del genere? – Scott

+1

Se si è interessati a qualcuno che è in grado di riposizionare l'elemento, è possibile aggiungere il secondo bit utilizzando Javascript dopo aver terminato con il primo elemento. – Wex

risposta

1

Questo non è un bug, perché è stato impostato il wrapper su 300px e applicato la proprietà di overflow di nascosto ad esso, che consente di scorrere se il contenuto all'interno è maggiore del 300p definito, Im in Firefox su OSX e posso anche scorrere in esso.

l'unico modo in cui questo può essere forzata è forse per applicare questo al campo di testo Tag HTML

onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false; this.focus()" 

questo dovrebbe disabilitare l'utente da trascinare in giro quando selezionato all'interno della scatola, ma poi si disabilita anche voi cliccando all'interno della scatola, quindi usando il fuoco devi mettere a fuoco questa scatola manualmente. ma se questo è quello che vuoi veramente?

Problemi correlati