notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend] Close emoji picker when it loses focus

Browse source
This commit is contained in:
Lilian 2024-07-10 23:46:00 +02:00
parent fb387c5a33
commit ebdc859d76
No known key found for this signature in database
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
Iceshrimp.Frontend/Components/EmojiPicker.razor
View file

@ -4,7 +4,7 @@
@if (_display) @if (_display)
{ {
<div class="emoji-picker @(Fixed ? "fixed" : "")"> <div @ref="EmojiPickerRef" @onfocusout="Close" class="emoji-picker @(Fixed ? "fixed" : "")" tabindex="0">
@foreach (var el in EmojiList) @foreach (var el in EmojiList)
{ {
<div class="emoji"> <div class="emoji">
@ -20,6 +20,7 @@
private List<EmojiResponse> EmojiList { get; set; } = []; private List<EmojiResponse> EmojiList { get; set; } = [];
private bool _display = false; private bool _display = false;
private ElementReference EmojiPickerRef { get; set; }
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
@ -33,6 +34,20 @@
StateHasChanged(); StateHasChanged();
} }
private void Close()
{
_display = false;
StateHasChanged();
}
protected override void OnAfterRender(bool firstRender)
{
if (_display)
{
EmojiPickerRef.FocusAsync();
}
}
public async Task Toggle() public async Task Toggle()
{ {
_display = !_display; _display = !_display;