search

MudBlazor / MudBlazor

Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.
http://mudblazor.com
MIT License
7.21k stars 1.18k forks source link

[iOS Specific] Tooltips Occasionally Persist With Multiple Button Clicks #8794

Open Eddie-Hartman opened 3 weeks ago

Eddie-Hartman commented 3 weeks ago

Bug type

Component

Component name

MudTooltip

What happened?

On iPhone or iPad (Safari OR Chrome), I have a component that has multiple buttons and they have tooltips. When a user on these devices is going through the app and clicking these buttons multiple times, the tooltips sometimes stay on the screen and thus cause multiple to appear. See screenshot for example. These tooltips will not go away unless the user clicks the button again. In the below example, I've clicked buttons 2 through 5 and you can see that button 3's tooltip persisted and will stay on the screen even though I'm now clicking the one my mouse is on. (This is a mockup screenshot of the bug I did on the computer for demonstration purposes)

image

As an additional note, I saw this behavior in previous versions and was hoping that this issue #7742 and the related changes would fix it (I know this had to be reworked a bit, which is why I waited until after 6.18 to re-test this), but no dice.

Expected behavior

Only one tooltip should be appearing.

Reproduction link

https://try.mudblazor.com/snippet/maQeYSGdzqUTuAIO

Reproduction steps

  1. Open the reproduction link on an iPhone or iPad.
  2. Click multiple buttons until one of theme persists a tooltip even though you're not currently clicking that button.

Relevant log output

No response

Version (bug)

6.19.1

Version (working)

No response

What browsers are you seeing the problem on?

Chrome, Safari

On which operating systems are you experiencing the issue?

iOS

Pull Request

Code of Conduct

Eddie-Hartman commented 3 weeks ago

@danielchalmers in case you can think of a follow up to your initial fix that may help this issue specifically.

danielchalmers commented 3 weeks ago

The ShowOnFocus or ShowOnHover properties may help as a workaround. I'd love to help you further but I don't have any apple devices and I don't think anyone else on the team does either.

Here are some other touch related issues I've come across:

The tooltip code is at:

It might be fairly simple. If you're able to work on a PR yourself please don't hesitate to ask me any questions.

Eddie-Hartman commented 3 weeks ago

Thanks for the pointers. I myself only have a company issued iPad which I don't really use for development. Our primary users are mostly desktop, but we're just offering the flexibility with the product and this isn't a showstopper so it's not a high priority atm. I just wanted to document it here and see if it can get worked on at some point and give my info as to what's currently going on.

Not afraid to contribute though if this becomes a higher priority and I get some time to investigate.

Mainly was just pointing to you since I had been following your work and wanted to see if it was something you were maybe familiar with or had a better idea of how to fix. It's odd to me that it appears iOS specific where a lot of the other bugs listed above are more across the board. Don't know if there is some sort of race condition going on or what.

Thanks again.