Scrolling content overflow inside BitCallout closes the callout
Is there an existing issue for this?
- [x] I have searched the existing issues
Describe the bug
<svg @onclick="@(() => IsOpened = !IsOpened)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-blue-500 cursor-pointer">
<path d="M22 11v1a10 10 0 1 1-9-10" />
<path d="M8 14s1.5 2 4 2 4-2 4-2" />
<line x1="9" x2="9.01" y1="9" y2="9" />
<line x1="15" x2="15.01" y1="9" y2="9" />
<path d="M16 5h6" />
<path d="M19 2v6" />
</svg>
<BitCallout @bind-IsOpen="IsOpened" >
<Content>
<div class="flex flex-col space-y-2 p-2 max-h-96 overflow-hidden">
<BitTextField IconName="@BitIconName.Search"
Placeholder="Search emojis..."
@bind-Value="SearchText"
OnChange="@((v) => Search(v))"
Immediate />
<div class="flex flex-1 flex-col overflow-y-auto space-y-2">
@foreach (var group in EmojiGroups)
{
<div class="text-sm">@group.CategoryName</div>
@foreach (var emojiItemGroup in group.Emojis)
{
<div class="flex gap-2">
@foreach (var emoji in emojiItemGroup)
{
<div>@emoji.Raw</div>
}
</div>
}
}
</div>
</div>
</Content>
</BitCallout>
Expected Behavior
Scrolling content should't dismiss the BitCallout.
Steps To Reproduce
No response
Exceptions (if any)
No response
.NET Version
.net 9
Anything else?
No response
Thanks for contacting us. We're investigating this issue. We'll let you know if it's possible to work on this issue.
@msynk Any update on this issue? Where you able to re-create?
@QadiymStewart sorry for the delay. it seems we forgot to expose some of the important features of the base callout functionality of the bit BlazorUI in the BitCallout component itself. I'm starting to work on it now.
The issue is accepted and planned. Resolving it will start ASAP.
Resolving this issue has started. It will be announced when this issue is resolved.
This issue has been resolved and it will be available in the next pre-release version. It will be announced when the pre-release becomes ready.