Wrap gl-drawer-title with DIV instead of SPAN
When using a drawer component, it is natural to fill out the title
slot with something like h1
or any other level of a header.
<gl-drawer :open="open" @close="close">
<template #title>
<h3>Your Title</h3>
</template>
…
</gl-drawer>
This does look like it is used like that even in the documentation (if you check the source of the generated drawers)
However, if the end user of the component is not aware of the internals of it, filling out the #title
slot with h*
will produce the invalid HTML markup like
<span class="gl-drawer-title">
<h3>custom-network-policy</h3>
<button aria-label="Close drawer" …/>
</span>
Edited by Denys Mishunov