NcSelect Timezone picker breaks on Firefox when using with NcPopover
Closed this issue · 4 comments
miaulalala commented
Since the component uses a manual z-index, the component looks like this on Firefox when using it together with the NcPopover
susnux commented
It does not have any custom stylings so this is caused by NcSelect which is used under the hood.
susnux commented
@miaulalala are you sure you mounted the popover correctly?
Because something like this works
<template>
<div style="display: flex">
<NcPopover>
<template #trigger>
<NcButton>I am the trigger</NcButton>
</template>
<template>
<form tabindex="0" @submit.prevent>
<NcPopover>
<template #trigger>
<NcButton>I am the second trigger</NcButton>
</template>
<template>
<NcTimezonePicker />
</template>
</NcPopover>
<h2>this is some content</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
Vestibulum eget placerat velit.
</p>
<label>
Label element
<input type="text" placeholder="input element"/>
</label>
</form>
</template>
</NcPopover>
</div>
</template>
No adjustments needed, so I guess one of your popovers is bound to a HTML element below the current popover. Are you nesting them and bind both to the body
instead the second one to the first?
miaulalala commented