2011-12-20 2 views
7

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

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

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

Как можно предотвратить такое поведение?

+0

Какова цель? Является ли красный дизайн предупреждением об ошибке или чем-то еще? – Scott

+1

Если вы заинтересованы в том, что кто-то может переместить элемент, вы можете добавить второй бит с помощью Javascript после того, как они будут выполнены с первым элементом. – Wex

ответ

1

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

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

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

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