Opened 11 years ago
Closed 10 years ago
#26782 closed defect (bug) (fixed)
Twenty Fourteen: Sidebar links are not clickable on narrow 2-column layout
Reported by: | Nao | Owned by: | |
---|---|---|---|
Milestone: | 3.9 | Priority: | normal |
Severity: | normal | Version: | 3.8 |
Component: | Bundled Theme | Keywords: | has-patch commit fixed-major |
Focuses: | Cc: |
Description
Issue summary:
The links contained in the right sidebar div become un-clickable when:
- the window width is less than 1008px
#content-sidebar
div height is greater than that of.site-content
div- the sidebar links appear above the height of the content div
This issue happens on the home page or static pages, but not on single post or archive pages.
Steps for reproduction:
- Set "Blog pages show at most" to "1" on Reading Settings screen.
- Add widgets to the right sidebar so that the sidebar becomes taller than the post content area
- Set the window width between 673-1007 px
- Try clicking the sidebar link - the cursor will not change to finger icon as it supposed to
Tested on Chrome 31/ Safari 7 on Mac 10.9
Originally reported on http://ja.forums.wordpress.com/topic/1159?replies=1
Attachments (1)
Change History (10)
#2
@
11 years ago
- Keywords has-patch needs-testing added; reporter-feedback removed
Confirmed with Chrome 32 on Windows 8.1. Not an issue in Firefox or IE.
More specifically, when the content area is shorter than the sidebar in those viewpoints, the z-index of the .content-area
(which is full-width) appears to be above that of .content-sidebar
, so it isn't possible to interact with them (by selecting text, clicking links, etc.). An exception is the post meta links in the ephemera widgets.
This is most likely a Chrome/Webkit bug, but setting the positioning of .content-sidebar
seems to fix it.
Looks to me like the #content-sidebar is at the same level as #primary and that .site-content should not have an effect on #content-sidebar. I tested this on FF26 and Chrome 31 on Ubuntu. Could you provide us with your browser/OS so we can look into this problem more?