You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When specifying an @onchange event for the RangeInput, it does not fire on mobile browsers when the user "drops" the button.
To Reproduce
Steps to reproduce the behavior:
Create a new Blazor Web App (details below)
Add Blazor Bootstrap per documented instructions.
Modify the counter page to add a RangeInput (code below)
Test on the desktop to verify functionality
Deploy to a server (I used Azure App Service) or otherwise arrange to access from a mobile device.
Test on a mobile browser.
Expected behavior
When the user drops the slider button, the "Update message" should be updated with the new value. It appears that the event is not fired as expected.
Screenshots
N/A
Versions:
.NET Version: .NET 9
BlazorBootstrap: 3.2.0
Blazor WebAssembly / Server: Server
Blazor Interactive Render Mode: Server
Blazor Interactivity Location: Global (also Per page/component)
Sample code
@page "/counter"
<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<prole="status">Current count: @currentCount</p>
<prole="status">Update message: @updateRangeMessage</p>
<RangeInputTValue="int"@onclick=UpdateRange@bind-Value =@currentCountMin=0Max=100 />
<buttonclass="btn btn-primary"@onclick="IncrementCount">Click me</button>
@code{privateintcurrentCount=0;
privatestring?updateRangeMessage;
privatevoidIncrementCount()
{currentCount++;
}// this should get called ONCE when they drop the slider.privatevoidUpdateRange()
{Console.WriteLine($"UpdatePercentComplete() - {currentCount}%");
updateRangeMessage=$"Percent Complete {currentCount}%";
}}
Smartphone (NB: The problem exists only on mobile devices): iPad Pro
Device: iPadPro 12.9 inch (1st Gen)
OS: iPadOS 16.7.10
Browser: Safari; Firefox.
Version: Safari default; Firefox 132.1
Android Phone
Device: Oppo Reno 12 5G
OS: Android (ColorOS 14.1)
Browser: Chrome
Version: Chrome 131.0.6778.81
NB: Site doesn't work on stock browser)
Android Tablet
Device: Oppo Pad Neo
OS: Android (ColorOS 14.0)
Browser: Chrome
Version: Chrome 131.0.6778.81
Additional context
The onchange event does fire on iPadOS when the user clicks on the slider bar somewhere. It does not do this on Android.
The ValueChanged event does fire as the user drags the button, but this happens dozens or potentially hundreds of times, and I am doing a costly API call, so can't use this event.
The text was updated successfully, but these errors were encountered:
Describe the bug
When specifying an @onchange event for the RangeInput, it does not fire on mobile browsers when the user "drops" the button.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
When the user drops the slider button, the "Update message" should be updated with the new value. It appears that the event is not fired as expected.
Screenshots
N/A
Versions:
Sample code
GitHub repo
None
Desktop (NB: It works on the desktop):
Smartphone (NB: The problem exists only on mobile devices):
iPad Pro
Android Phone
Android Tablet
Additional context
The onchange event does fire on iPadOS when the user clicks on the slider bar somewhere. It does not do this on Android.
The ValueChanged event does fire as the user drags the button, but this happens dozens or potentially hundreds of times, and I am doing a costly API call, so can't use this event.
The text was updated successfully, but these errors were encountered: