Twenty Eleven + Category list widget broken in new Chrome
|Reported by:||zsero||Owned by:|
On a standard Twenty Eleven theme, I have set it up to have the content on the left and the sidebar on the right side. The following widgets are activated in the main sidebar in the following order:
- Custom menu
- Tag cloud
- NextGen slideshow
The problem is that once I insert the categories widget, the page functionality brakes in new versions of Chrome. The #primary div covers the #secondary div (as normal). The problem is that until #primary covers #secondary (vertically), the <a> links stops working in #secondary. By right clicking / inspect element anywhere on #secondary, the inspector opens up #primary.
The only way I could fix it was to manually reduce the width of the primary div to 700px. I had to insert these two CSS rules to my style.css (using a child theme for minimalist style changes, mostly colors).
Example URL: http://kek.org.hu/betonretro/
note, that on the above site, I had to apply the last two fixes because it's a live site. To see the bug just untick the above two CSS rules in the inspector.
I believe that this bug is affecting all Twenty Eleven installations, with the newer versions of Chrome. It's a mystery why only the activated widget combination triggers the bug, but it needs a fix.