Skip to content

pkp/immersion#142 Menu item that shows a submenu is a link instead of a button #160

Open
israelcefrin wants to merge 2 commits into
pkp:mainfrom
israelcefrin:i142_menu_item_submenu
Open

pkp/immersion#142 Menu item that shows a submenu is a link instead of a button #160
israelcefrin wants to merge 2 commits into
pkp:mainfrom
israelcefrin:i142_menu_item_submenu

Conversation

@israelcefrin

Copy link
Copy Markdown
Contributor

Using native button HTML element to prevent from clicking on link when opening the submenu.
Issue: #142

@israelcefrin israelcefrin self-assigned this Jan 14, 2026
@israelcefrin israelcefrin moved this from In progress to Ready for review/testing in Accessibility (themes) Jan 14, 2026
@israelcefrin

Copy link
Copy Markdown
Contributor Author

Hi @kaitlinnewson ,

This PR adjusts the submenu opener to be a button instead of a link element: #142

@israelcefrin

Copy link
Copy Markdown
Contributor Author

Hi @kaitlinnewson ,
I've commited a fix to the button label font-weigth (it was different from the other menu items)

button.main-header__admin-link.dropdown-toggle,
.main-header button.main-header__nav-link,
.main-header button.main-header__admin-link {
border: none !important;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
border: none !important;
border: 0 none !important;

... then you can remove the border-width line below. Also applies to line 181 and 192.

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

Labels

Projects

Status: Ready for review/testing

Development

Successfully merging this pull request may close these issues.

[A11Y] Menu item that shows a submenu is a link instead of a button

2 participants