diff --git a/src/renderer/components/ft-channel-bubble/ft-channel-bubble.js b/src/renderer/components/ft-channel-bubble/ft-channel-bubble.js index d9752676b97ed..ca2a775cbadc2 100644 --- a/src/renderer/components/ft-channel-bubble/ft-channel-bubble.js +++ b/src/renderer/components/ft-channel-bubble/ft-channel-bubble.js @@ -1,4 +1,5 @@ import Vue from 'vue' +import { sanitizeForHtmlId } from '../../helpers/accessibility' export default Vue.extend({ name: 'FtChannelBubble', @@ -21,8 +22,20 @@ export default Vue.extend({ selected: false } }, + computed: { + sanitizedId: function() { + return 'channelBubble' + sanitizeForHtmlId(this.channelName) + } + }, methods: { - handleClick: function () { + handleClick: function (event) { + if (event instanceof KeyboardEvent) { + if (event.target.getAttribute('role') === 'link' && event.key !== 'Enter') { + return + } + event.preventDefault() + } + if (this.showSelected) { this.selected = !this.selected } diff --git a/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue b/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue index 7e9cd68d8bc09..0f6563d4accd0 100644 --- a/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue +++ b/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue @@ -1,7 +1,10 @@