Всем доброго времени суток.
Делаю горизонтальное меню с позиционированием сабменю по принципу: если сабменю не вмещается в область окна браузера справа - даю позиционирование налево.
Работает все отлично во всех браузерах кроме Хрома (и в Safari тоже работает). В хроме наблюдается неприятный баг: при открытии сабменю визуальная ширина документа увеличивается на то расстояние, на которое бы увеличивалась, будь сабменю в правую сторону. Именно визуальная ширина, так как вывод ширины html, body, #wrapper дает одно значение (правильное), а на деле выводится иначе.
Скриншот бага
И конечно же
jsfiddle
P.S. На то, что это баг указывает факт, что при включении/отключении любого свойства через отладчик ширина обновляется до нужного значения.
Пробовал делать такое обновление
$('body').width($('body').width()).css('width','')
- не помогает,
$('body').css('overflow':'hidden').css('overflow','')
- тоже не помогает.
Всем спасибо за помощь