components icon indicating copy to clipboard operation
components copied to clipboard

bug(COMPONENT): Tooltip display is wrong on ipad in PC mode

Open yudateNoriyuki opened this issue 1 year ago • 1 comments

Is this a regression?

  • [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

  1. Prepare ipad with IOS13 or later
  2. Open safari and select 'Show desktop website
  3. Tap the tooltip on the official website (https://material.angular.io/components/tooltip/overview)
  4. Tooltip appears and does not disappear until you tap elsewhere

Reproduction

Steps to reproduce: 1. 2.

Expected Behavior

Tapping does not show tooltips. And, Long tap to display tooltip(same as mobile version)

Actual Behavior

Tooltip appears and does not disappear until you tap elsewhere

Environment

  • Angular:14.0.5
  • CDK/Material:14.0.5
  • Browser(s):Safari
  • Operating System (iPadOS15):

yudateNoriyuki avatar Jul 15 '22 05:07 yudateNoriyuki

i can reproduce on my iPhone

iPhone 12 | iOS 15.5 |

zarend avatar Jul 26 '22 03:07 zarend

Hello @yudateNoriyuki ,

Actually, I cannot reproduce this. I don't have an iPad to test this one, so would I need more information on this.

From https://material.angular.io/components/tooltip/overview#showing-and-hiding:

On mobile, the tooltip is displayed when the user longpresses the element and hides after a delay of 1500ms.

Do you get different behavior on iPad in Desktop mode vs non-desktop mode? And have you tried waiting for a seconds for the tooltip to disappear?

Best regards,

Zach

zarend avatar Oct 03 '23 17:10 zarend