IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 08:57:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Missing glimmer topic list focus actions on mobile (#29421)

Browse Source
This commit is contained in:
Akshay Birajdar 2024-10-29 15:56:05 +05:30 committed by GitHub
parent a236e368e4
commit a1c9486e3f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/discourse/app/components/topic-list/topic-cell.gjs
View File

@ -40,12 +40,12 @@ export default class TopicCell extends Component {
@action
onTitleFocus(event) {
event.target.classList.add("selected");
event.target.closest(".topic-list-item").classList.add("selected");
}
@action
onTitleBlur(event) {
event.target.classList.remove("selected");
event.target.closest(".topic-list-item").classList.remove("selected");
}
<template>

10
app/assets/javascripts/discourse/app/components/topic-list/topic-list-item.gjs
View File

@ -93,6 +93,16 @@ export default class TopicListItem extends Component {
element.classList.add("highlighted");
}
@action
onTitleFocus(event) {
event.target.closest(".topic-list-item").classList.add("selected");
}
@action
onTitleBlur(event) {
event.target.closest(".topic-list-item").classList.remove("selected");
}
@action
applyTitleDecorators(element) {
const rawTopicLink = element.querySelector(".raw-topic-link");