Files
zulip/web/templates/markdown_help.hbs
Shubham Padia 43eebbf9c6 scroll: Set tabIndex to -1 for simplebar content wrapper.
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.
2024-06-20 10:25:51 -07:00

31 lines
1.4 KiB
Handlebars

<div class="overlay-modal hide" id="message-formatting" tabindex="-1" role="dialog"
aria-label="{{t 'Message formatting' }}">
<div class="overlay-scroll-container" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
<div id="markdown-instructions">
<table class="table table-striped table-rounded table-bordered help-table">
<thead>
<tr>
<th>{{t "You type" }}</th>
<th>{{t "You get" }}</th>
</tr>
</thead>
<tbody>
{{#each markdown_help_rows}}
<tr>
{{#if note_html}}
<td colspan="2">{{{note_html}}}</td>
{{else}}
<td><div class="preserve_spaces">{{markdown}}</div> {{#if usage_html}}{{{usage_html}}}{{/if}}</td>
<td class="rendered_markdown">{{{output_html}}} {{#if effect_html}}{{{effect_html}}}{{/if}}</td>
{{/if}}
</tr>
{{/each}}
</tbody>
</table>
</div>
<hr />
<a href="/help/format-your-message-using-markdown" target="_blank" rel="noopener noreferrer">{{t "Detailed message formatting documentation" }}</a>
</div>
</div>