Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Firefox : md-tooltip don't display on a md-list-item #8172

Closed
mpicciolli opened this issue Apr 22, 2016 · 11 comments
Closed

Firefox : md-tooltip don't display on a md-list-item #8172

mpicciolli opened this issue Apr 22, 2016 · 11 comments

Comments

@mpicciolli
Copy link

mpicciolli commented Apr 22, 2016

Hello,

On Firefox, md-icon tooltip don't display when it's placed on a md-list-item element

Codepen : http://codepen.io/mpicciolli/pen/QNBMqg

angularjs/1.4.8
angular-material/v1.0.5

Any idea why this doesn't work?

@ThomasBurleson ThomasBurleson added the P1: urgent Urgent issues that should be addressed in the next minor or patch release. label Apr 22, 2016
@ThomasBurleson ThomasBurleson added this to the - Backlog milestone Apr 22, 2016
@crisbeto crisbeto added the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label May 3, 2016
@crisbeto crisbeto removed the in progress Mainly for in progress PRs, but may be used for issues that require multiple PRs label May 17, 2016
@scriptsure
Copy link

Ditto on chrome +1

@devversion
Copy link
Member

devversion commented Jul 4, 2016

Tracking with #8946.

Fer22f commented:

However, 1.1.0 fixes the href/ng-click disparity, and breaks md-tooltip. Seeing this is basically default behavior, it might make this issue a "feature request" instead. I found #8172, but it lacks information and is now stale.

@ashishpatel02
Copy link

Will it not work inside md-list-item?

@cmacdonnacha
Copy link

cmacdonnacha commented Aug 9, 2016

+1 on @ashishpatel02

Is it possible to have this inside md-list-item?

@ashishpatel02
Copy link

ashishpatel02 commented Aug 10, 2016

It Won't But i have found one workaround which can help others.

If you inspect it then you will be surprised with button inside md-list so what i have done, i have added button manually inside md-list-item without using md-list tag and added md-tooltip underneath of that. @cmacdonnacha @devversion

check below :

<md-list-item class="usercontentpad" ng-repeat="repeat with data">
    <button class="md-no-style md-button md-default-theme" ng-transclude="">
        <div class="md-list-item-inner ng-binding ng-scope">
            {{ item to display }}
        </div><div class="md-ripple-container" style=""></div>
    </button>
    <md-tooltip md-direction="right" class="large" style="position: absolute;">
            {{tooltip to display}}
    </md-tooltip>
</md-list-item>

@cmacdonnacha
Copy link

Thanks for that @ashishpatel02 . Is there anyway way to have it on the list item itself instead of the button?

@ashishpatel02
Copy link

you can replace button with anything but i'm not sure it will work or not, you can try this with codepen first for the small demo @cmacdonnacha

@mpicciolli
Copy link
Author

@ashishpatel02 Your solution doesn't work. Do you have a codepen ?

@ashishpatel02
Copy link

@mpicciolli here it is => http://codepen.io/ashuslove/pen/bZypRE?editors=101#anon-login

@skortchmark9
Copy link

agreed this would be nice to have.

@Splaktar Splaktar removed this from the - Backlog milestone Dec 9, 2018
@Splaktar Splaktar removed the P1: urgent Urgent issues that should be addressed in the next minor or patch release. label Dec 9, 2018
@Splaktar Splaktar assigned Splaktar and unassigned crisbeto Dec 9, 2018
@Splaktar
Copy link
Member

Splaktar commented Dec 9, 2018

This seems related to PR #11539. Please let me know if this is still an issue after that is merged (targeting 1.1.12) by opening a new issue with a CodePen reproduction.

@Splaktar Splaktar added this to the 1.1.13 milestone Sep 23, 2019
@angular angular locked as resolved and limited conversation to collaborators Sep 23, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

9 participants