Fixed by placing a native button inside the heading, preserving its appearance and adding a visible keyboard focus outline

Enter and Space now trigger the existing comments action.
This commit is contained in:
defnax 2026-09-09 19:59:34 +02:00
parent d60cf75dc7
commit 0c4256c5fe
3 changed files with 19 additions and 5 deletions

View File

@ -310,17 +310,15 @@ function BoardCard() {
// Title (blue link matching Qt GUI)
m(
'h4.board-card__title',
{
m('button.board-card__title-button[type=button]', {
title,
tabindex: 0,
onclick: (e) => {
e.stopPropagation();
if (onOpenComments) {
onOpenComments(item, msgId, forumId);
}
},
},
title
}, title)
),
// Metadata Line (Posted by <author> <date>)

View File

@ -702,6 +702,22 @@ button.board-card__vote-btn,
padding: 0 !important;
}
.board-card__title-button,
.board-card__title-button:active {
all: unset;
box-sizing: border-box;
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.board-card__title-button:focus-visible {
outline: 2px solid currentColor;
outline-offset: -2px;
}
/* Title: Blue bold underlined italicized link (Matches Qt GUI) */
.board-card--compact .board-card__title {
font-size: 1.05rem !important;

File diff suppressed because one or more lines are too long