Page MenuHomePhorge

No OneTemporary

Size
1 KB
Referenced Files
None
Subscribers
None
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 2f9b01aef7..01a36ca7b6 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -10,6 +10,7 @@ import {
toRefs,
useTemplateRef,
watch,
+ useId,
} from 'vue'
import { useI18n } from 'vue-i18n'
@@ -246,6 +247,7 @@ const Timeline = {
const { layoutType } = storeToRefs(useInterfaceStore())
const mobileLayout = computed(() => layoutType.value === 'mobile')
const { footerSlipgate, embedded, hideEmpty } = toRefs(props)
+ const uniqueId = useId()
return {
timelineRef,
@@ -269,6 +271,7 @@ const Timeline = {
footerSlipgate,
embedded,
hideEmpty,
+ uniqueId,
}
},
}
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index f1ce7645e0..f8774fbc7f 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -11,7 +11,7 @@
<TimelineMenu
v-if="!embedded"
:timeline-name="timelineRef.name"
- id="timeline-header"
+ :id="'timeline-header-' + uniqueId"
/>
<div
v-if="timeline.fetcher.loadingNewer && !showLoadButton"
@@ -85,7 +85,7 @@
class="timeline"
ref="timeline"
role="feed"
- aria-labelledby="timeline-header"
+ :aria-labelledby="embedded ? undefined : ('timeline-header-'+ uniqueId)"
>
<template
v-for="element in heightChart"

File Metadata

Mime Type
text/x-diff
Expires
Wed, Oct 14, 10:30 AM (1 d, 22 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1787089
Default Alt Text
(1 KB)

Event Timeline