Предотвратить прокрутку негабаритного дочернего элемента в родительском с переполнением: скрытый (webkit)

Question

У меня проблемы с браузерами Webkit.Проблема возникает, когда я фокусирую курсор на элементе <input> и начинаю двигать мышь, не отпуская кнопку.

Вот скринкаст - http://screencast.com/t/P1BnT7ZAdc

Вот HTML / CSSдемо - http://napokrovke.mysundays.net/webkit_bug.html

Как я могу предотвратить это поведение?

Answer 1

Это не ошибка, это потому, что вы установили обертку на 300px и применили к ней свойство overflow скрытого, что позволяет вам прокручивать, если содержимое внутри превышает 300px, которые вы определили, я вFirefox на OSX, и я также могу прокручивать в нем.

единственный способ, которым это может быть принудительно, возможно, это применить его к разметке html текстового поля

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

, это должно отключить пользователяот перетаскивания, когда он выбран внутри поля, но затем он также отключает щелчок внутри поля, поэтому, используя фокус, вы должны сфокусировать это поле вручную.но если это то, что вы действительно хотите?