[ZEPPELIN-6384] Fix dropdown menu item links not clickable in full area #5124

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

tbonelee wants to merge 1 commit into apache:master from tbonelee:fix-dropdown-link

Contributor

tbonelee commented Dec 3, 2025

What is this PR for?

Summary

Fixed dropdown menu items in header where only text was clickable instead of the full item area
Changed routerLinkActive to nzMatchRouter for proper NG-ZORRO integration
Added CSS pseudo-element to expand clickable area of anchor tags

Cause

Likely due to NG-ZORRO dropdown menu item anchor tag style changes that reduced the clickable area to just the text content.

Changes

Updated header.component.html: Replace routerLinkActive with nzMatchRouter directive
Updated global.less: Add ::before pseudo-element to .ant-dropdown-menu-item > a to expand clickable area using absolute positioning

What type of PR is it?

Bug Fix

What is the Jira issue?

https://issues.apache.org/jira/browse/ZEPPELIN-6384

Questions:

Does the license files need to update? No
Is there breaking changes for older versions? No
Does this needs documentation? No


          Fix dropdown menu item links not clickable in full area

c7b9b8c

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet