js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix error on click

Browse Source
This commit is contained in:
Cory LaViska
2021-01-18 13:34:41 -05:00
parent 3ea5a0dfd8
commit b400c40eb7
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/tab-group/tab-group.tsx
View File

@@ -137,7 +137,7 @@ export class TabGroup {
handleClick(event: MouseEvent) {
const target = event.target as HTMLElement;
const tab = target.closest('sl-tab');
const tabGroup = tab.closest('sl-tab-group');
const tabGroup = tab?.closest('sl-tab-group');
// Ensure the target tab is in this tab group
if (tabGroup !== this.host) {
@@ -152,7 +152,7 @@ export class TabGroup {
handleKeyDown(event: KeyboardEvent) {
const target = event.target as HTMLElement;
const tab = target.closest('sl-tab');
const tabGroup = tab.closest('sl-tab-group');
const tabGroup = tab?.closest('sl-tab-group');
// Ensure the target tab is in this tab group
if (tabGroup !== this.host) {
@@ -311,7 +311,7 @@ export class TabGroup {
onClick={this.handleScrollLeft}
/>
)}
<div ref={el => (this.nav = el)} key="nav" part="nav" class="tab-group__nav" tabindex="-1">
<div ref={el => (this.nav = el)} key="nav" part="nav" class="tab-group__nav">
<div ref={el => (this.tabs = el)} part="tabs" class="tab-group__tabs" role="tablist">
<div
ref={el => (this.activeTabIndicator = el)}