Loading...
 
Skip to main content

In-page link targets on pages with sticky top navbar create no-click zones above the targets

  • Tracker item actions
Trackers
Items
Status
Open
Subject
In-page link targets on pages with sticky top navbar create no-click zones above the targets
Version
20.x
Category
  • Regression
Feature
Auto TOC
Menu
Wiki (page view, edit, history, rename, etc)
Resolution status
New
Submitted by
Gary Cunningham-Lee
Lastmod by
Gary Cunningham-Lee
Rating
(0)
Description

I just came across a problem with the vertical offset for targeting headings with autotoc. That is, a problem caused by this code:
{CODE()}

h1:target
before, h2:target
before, h3:target
before, h4:target
before, h5:target
before, h6:target
before {

content: "";
display: block;
height: 83px;
margin: -83px 0 0;
}
which is inline CSS when autotoc and the sticky top navbar (in this case 83px in height) are used. In a page with some links just above a heading, the links can't be clicked because the transparent 83px-high target overlaps them from the heading below.

I tried a few tweaks to the CSS but didn't have any success. Probably at least it should be documented, that every heading or other in-page anchor targeted by a link will have a zone above it equal to the navbar offset set in L&F admin that shouldn't contain links or other HTML that needs to be clicked, etc.

Importance
3
Easy to solve?
5
Priority
15
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
7203
Created
Thursday 31 October, 2019 12:06:34 UTC
by Gary Cunningham-Lee
LastModif
Thursday 31 October, 2019 12:06:34 UTC


Show PHP error messages