bootstrap tooltip does not work properly

Discussion in 'jQuery' started by mstdmstd, Jul 29, 2017.

  1. #1
    Hello,
    Please open this page
    http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/admin/test/index
    of bootstrap (v4.0.0-alpha.6) tooltip example.

    In comparison with original page https://v4-alpha.getbootstrap.com/components/tooltips/ tooltip text are always visible at bottom and the first
    button shows html tags, not rendering them, but it has
    data-html="true"
    property.

    I call
    $('[data-toggle="tooltip"]').tooltip()
    and alert to be sure this is inited.


    Why tooltip does not work in expected way?

    can it be issue with current design ?

    Thanks!
     
    mstdmstd, Jul 29, 2017 IP
  2. mstdmstd

    mstdmstd Well-Known Member

    Messages:
    130
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    #2
    After some additive testing I found that with v4.0.0-alpha.6 there is some conflict with
    js/jquery/jquery-ui.min.js, v1.12.1 - 2017-05-21

    If to exclude js/jquery/jquery-ui.min.js conflict is off and toolbar works properly.


    But actually I need jquery-ui.min.js for working of
    jQuery-File-Upload-9.18.0, as it use jquery.ui.widget.js file.
    That rauise some problems...


    Any ideas?


    P.S. I opened https://getbootstrap.com/ and do not see any any 4th branch?
    I started new project with v4.0.0-alpha.6 several monthes ago...
    ???

    Thanks!
     
    mstdmstd, Aug 3, 2017 IP
  3. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #3
    You do understand the concept of "alpha"-releases, right? Never, ever use those in production environments. You use the latest stable release for such. Not that I have any idea if that will change anything in this case, I don't use Bootcrap at all, but it's regardless never a good idea to use unfinished / still in development / changes still happening content in production.
     
    PoPSiCLe, Aug 5, 2017 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Yeah, the alpha part is probably bad, but so is mixing bootcrap with jquery. Might as well just play Russian roulette with a single barreled shotgun.

    Though given tooltips are useless to mobile users, they're not really something to be wasting time on. If you "need" a tooltip more complex than what the title attribute offers, you're probably doing something WRONG!
     
    deathshadow, Aug 8, 2017 IP