🐛 fix tabindex for default entity more-info actions (#4697)

* 🐛 fix tabindex for default entity more-info actions

* Update hui-state-label-badge.ts
This commit is contained in:
Ian Richardson
2020-01-31 17:19:08 +01:00
committed by GitHub
parent edfdd0da89
commit f82b62f45c
4 changed files with 8 additions and 8 deletions
@@ -49,7 +49,9 @@ export class HuiStateLabelBadge extends LitElement implements LovelaceBadge {
hasDoubleClick: hasAction(this._config!.double_tap_action), hasDoubleClick: hasAction(this._config!.double_tap_action),
})} })}
tabindex=${ifDefined( tabindex=${ifDefined(
hasAction(this._config.tap_action) ? "0" : undefined hasAction(this._config.tap_action) || this._config.entity
? "0"
: undefined
)} )}
></ha-state-label-badge> ></ha-state-label-badge>
`; `;
@@ -158,7 +158,9 @@ class HuiPictureEntityCard extends LitElement implements LovelaceCard {
hasDoubleClick: hasAction(this._config!.double_tap_action), hasDoubleClick: hasAction(this._config!.double_tap_action),
})} })}
tabindex=${ifDefined( tabindex=${ifDefined(
hasAction(this._config.tap_action) ? "0" : undefined hasAction(this._config.tap_action) || this._config.entity
? "0"
: undefined
)} )}
class=${classMap({ class=${classMap({
clickable: stateObj.state !== UNAVAILABLE, clickable: stateObj.state !== UNAVAILABLE,
@@ -74,9 +74,7 @@ class HuiGenericEntityRow extends LitElement {
hasHold: hasAction(this.config!.hold_action), hasHold: hasAction(this.config!.hold_action),
hasDoubleClick: hasAction(this.config!.double_tap_action), hasDoubleClick: hasAction(this.config!.double_tap_action),
})} })}
tabindex=${ifDefined( tabindex=${ifDefined(pointer ? "0" : undefined)}
hasAction(this.config.tap_action) ? "0" : undefined
)}
></state-badge> ></state-badge>
<div class="flex"> <div class="flex">
<div <div
@@ -91,9 +91,7 @@ class HuiInputSelectEntityRow extends LitElement implements LovelaceRow {
hasHold: hasAction(this._config!.hold_action), hasHold: hasAction(this._config!.hold_action),
hasDoubleClick: hasAction(this._config!.double_tap_action), hasDoubleClick: hasAction(this._config!.double_tap_action),
})} })}
tabindex=${ifDefined( tabindex=${ifDefined(pointer ? "0" : undefined)}
hasAction(this._config.tap_action) ? "0" : undefined
)}
></state-badge> ></state-badge>
<ha-paper-dropdown-menu <ha-paper-dropdown-menu
.label=${this._config.name || computeStateName(stateObj)} .label=${this._config.name || computeStateName(stateObj)}