A poll's options are thumb-sized, and floating buttons don't fail what scrolls under them
On touch a poll's options are at least 44px tall with 8px between them, and a long option wraps. The phone sweep ignores a probe that lands on a fixed floating control (the round New post button covers the card under it by design) instead of failing the target for it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
1 parent
dd38002682
commit
765220059d
2 files changed
+15
-4
No files matched your search
@@ -615,16 +615,16 @@
|
||||
|
||||
@if (status.Poll is { } poll)
|
||||
{
|
||||
<div class="flex flex-col gap-1 text-xs" data-poll>
|
||||
<div class="flex flex-col gap-1 pointer-coarse:gap-2 text-xs" data-poll>
|
||||
@if (CanVote(poll))
|
||||
{
|
||||
@for (var i = 0; i < poll.Options.Count; i++)
|
||||
{
|
||||
var index = i;
|
||||
<label class="flex items-center gap-2 rounded-md neo-inset neo-2xs px-2 py-1 cursor-pointer">
|
||||
<label class="flex items-center gap-2 rounded-md neo-inset neo-2xs px-2 py-1 pointer-coarse:min-h-11 cursor-pointer">
|
||||
<input type="@(poll.Multiple ? "checkbox" : "radio")" class="@(poll.Multiple ? "checkbox checkbox-xs" : "radio radio-xs")"
|
||||
name="@($"poll-{poll.Id}")" checked="@pollChoices.Contains(index)" @onchange="() => ToggleChoice(poll, index)" />
|
||||
<span>@poll.Options[index].Title</span>
|
||||
<span class="min-w-0 break-words">@poll.Options[index].Title</span>
|
||||
</label>
|
||||
}
|
||||
<DButton Size="DSize.Xs" Color="DColor.Primary" class="self-start" Disabled="@(IsDefaultDisabled || isActing || pollChoices.Count == 0)"
|
||||
|
||||
Reference in new issue
Block a user