Skip to content

Tooltips activate/show on mobile should be configurable #9560

@intellix

Description

@intellix

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

That I can change tooltip show behaviour on mobile so it makes more sense to the user

What is the current behavior?

Tooltips can only be shown via longpress on mobile

What are the steps to reproduce?

StackBlitz starter (using latest npm release): https://stackblitz.com/edit/angular-material2-issue-x49ntx?file=app/app.component.html

What is the use-case or motivation for changing an existing behavior?

We're disabling a button and the tooltip explains why it's disabled. We were recently using NgbBootstrap tooltips and have replaced them with Material ones.

During QA I was told that the tooltips don't work on mobile and after investigation it appears they actually do, but you have to longpress on whatever it is to activate them. I don't believe longpress is a common UX for anything and it's just not clear that the user needs to do it.

I'd like the ability to change it to something like:

  • Show: touchstart
  • Hide: touchend

Or perhaps have matTooltipShowDelay applied to mobile presses too

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

All mobiles, Material 5.1.0

Is there anything else we should know?

Originally had Android for years but recently switched to iOS. I dunno if this is a new Android sort of UX but I've never been on a website and thought: I'll hold my finger on this element.... maybe something will happen?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions