`Simple soft` horizontal scrolling

[senyai]

Приветствую.

В Google Chrome 16.0.912.75 m страницу (http://cssr.ru/simpliste/) с темой `Simple soft` можно скролить горизонтально, хотя полоса прокрутки и не появляется. С другими темами всё в порядке.

[rafikov]

Спасибо!

Там трик с псевдоэлементом :before, который тянется на много тысяч пикселей, чтобы создать фон на всю ширину экрана. Но я думал, что свойство overflow-x:hidden для body поможет избавиться от проблем.

То есть скролл возможен какими-то аппаратными средствами типа мышки с колесом для горизонтальной прокрутки?

Это как-то портит жизнь, если специально не искать баг?

[senyai]

У меня стандартная мышка - скролю нажав среднюю клавишу. Это осенью в Хроме появилася возможность скролить элементы с overflow:hidden. Как только эта фишка появилась, буквально каждый третий сайт позволял скролить куда угодно, но сейчас такие сайты редкость. Мне очень понравилось как сайт выглядит при 2560x1600 и 320x240 и я понял, что вы придаёте немалое значение мелочам и поэтому дабивил эту issue. Думаю горизонтальная прокрутка немного испортит жизнь всем, кто скролит средней клавишей в хроме. Ещё есть вероятность, что это ошибка в самом Хроме, ведь не логично скролить нескролимое.

Upd: Баг в webkit открыт уже два года https://bugs.webkit.org/show_bug.cgi?id=22769 - никого не волнует.

[rafikov]

Да, стараюсь что можно предусмотреть. Вчера оказалось, что у меня баг тоже виден, когда в Хроме. Выяснилось, что так же делают еще некоторые новые браузеры.

С утра искал ответ на эту задачку. Даже на http://stackoverflow.com о такой проблеме нашел несколько вопросов. Но решения нет. Пока придется отложить проблему, думаю что-нибудь по ходу дела подвернется, проблема не критическая.

[santiago26]

Пришёл сюда, обнаружив то же самое поведение в теме fresh. Всё-таки в темах с багом при каждой попытке воспользоваться прокруткой, срываешься в горизонтальную. Действительно не критично, но жизнь портит.
Будет ли полезен полный список тем, в которых есть проблема?

[cyberviews]

For this is the Internet and this grid is available for all nations, it would be so kind and polite to write in english

[rafikov]

cyberviews, here is a resume in English.

Some of the skins ("Simple soft", "Fresh") use a pseudo-element, which causes scrolling issue in some browsers. Scroll doesn't appear but it's possible to scroll the page.

This issue isn't obvious and can be discovered incidently by the user.

Some of the solutions: not to use pseudo elements and replace them with additional html-elements specially for presentation purposes. Or just delete the :before and :after declarations for the elements with widths set to big numbers, so backgrounds won't stretch to the width of the browser window.