mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 13:03:29 +00:00
43eebbf9c6
Fixes #30403. Having tabIndex set to 0 led to keyboard focus being put on a scrollbar container, which led to users having to tab twice to skip a container. This commit also removes instances of tabIndex being set to -1 programatically for certain cases, since it is -1 by default now. This commit also removes `outline: none` for simplebar since that property is not needed anymore because the wrapper is not focusable anymore.
32 lines
2.7 KiB
Handlebars
32 lines
2.7 KiB
Handlebars
<div class="popover-menu visibility-policy-popover" data-simplebar data-simplebar-tab-index="-1">
|
|
<ul role="menu" class="popover-menu-list">
|
|
<li role="none" class="popover-menu-list-item">
|
|
<div role="group" class="recipient-bar-topic-visibility-switcher tab-picker tab-picker-vertical" aria-label="{{t 'Topic visibility' }}">
|
|
<input type="radio" id="select-muted-policy" class="tab-option" name="visibility-policy-select" data-visibility-policy="{{all_visibility_policies.MUTED}}" {{#if (eq visibility_policy all_visibility_policies.MUTED)}}checked{{/if}} />
|
|
<label role="menuitemradio" class="tab-option-content" for="select-muted-policy" tabindex="0">
|
|
<i class="zulip-icon zulip-icon-mute-new" aria-hidden="true"></i>
|
|
<span class="popover-menu-label">{{t "Mute"}}</span>
|
|
</label>
|
|
<input type="radio" id="select-inherit-policy" class="tab-option" name="visibility-policy-select" data-visibility-policy="{{all_visibility_policies.INHERIT}}" {{#if (eq visibility_policy all_visibility_policies.INHERIT)}}checked{{/if}} />
|
|
<label role="menuitemradio" class="tab-option-content" for="select-inherit-policy" tabindex="0">
|
|
<i class="zulip-icon zulip-icon-inherit" aria-hidden="true"></i>
|
|
<span class="popover-menu-label">{{t "Default"}}</span>
|
|
</label>
|
|
{{#if (or stream_muted topic_unmuted)}}
|
|
<input type="radio" id="select-unmuted-policy" class="tab-option" name="visibility-policy-select" data-visibility-policy="{{all_visibility_policies.UNMUTED}}" {{#if (eq visibility_policy all_visibility_policies.UNMUTED)}}checked{{/if}} />
|
|
<label role="menuitemradio" class="tab-option-content" for="select-unmuted-policy" tabindex="0">
|
|
<i class="zulip-icon zulip-icon-unmute-new" aria-hidden="true"></i>
|
|
<span class="popover-menu-label">{{t "Unmute"}}</span>
|
|
</label>
|
|
{{/if}}
|
|
<input type="radio" id="select-followed-policy" class="tab-option" name="visibility-policy-select" data-visibility-policy="{{all_visibility_policies.FOLLOWED}}" {{#if (eq visibility_policy all_visibility_policies.FOLLOWED)}}checked{{/if}} />
|
|
<label role="menuitemradio" class="tab-option-content" for="select-followed-policy" tabindex="0">
|
|
<i class="zulip-icon zulip-icon-follow" aria-hidden="true"></i>
|
|
<span class="popover-menu-label">{{t "Follow"}}</span>
|
|
</label>
|
|
<span class="slider"></span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|