Results 1 to 8 of 8

Thread: 6.5.0 Modern - Various tooltip errors

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-26011 in 6.5.2.
  1. #1
    Sencha Premium Member
    Join Date
    May 2015
    Posts
    8

    Default 6.5.0 Modern - Various tooltip errors

    (1) Tooltip hides, when hovering tooltip's content

    • when hovering the button, you will see the tooltip
    • since tooltip config allowOver is true the tooltip should not hide itself, when mouse pointer hovers it
    • when keeping mouse pointer outside of the red content, the tooltip will stay visible
    • when moving mouse pointer into red content, the tooltip vanishes
    • this should not happen …


    (2) Tooltip is not showing, when hovering tooltip target


    • when hovering the button, you will not see the tooltip
    • since tooltip extends panel, it should be possible to add items via config
    • this problem can be partly resolved tooltip: Ext.create( {xtype:"tooltip", …}) … but … see next error


    (3) Tooltip's hiding behaviour is weird

    • when hovering the first button, you will see the tooltip
    • since tooltip config allowOver is true the tooltip should not hide itself, when mouse pointer hovers it
    • this does not work …
    • when hovering the second button, you will see the tooltip
    • since tooltip configs allowOver and anchor are true the tooltip will not hide itself, when mouse pointer hovers it
    • but moving the mouse pointer outside of the tooltip, will not make it hidden - except when moving over tooltip's target



    https://fiddle.sencha.com/#fiddle/2384&view/editor

  2. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,253

    Default

    The second issue can be resolved by using the autoCreate option. The default behaviour is to use a shared tip instance unless specified.

    Code:
    tooltip: {
        allowOver: true,
        autoCreate: true,
        items:[
            {
                xtype:'button',
                text:'Hello World'
            }
        ]
    }
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  3. #3
    Sencha Premium Member
    Join Date
    May 2015
    Posts
    8

    Default

    Okay, that makes sense to me. So this undocumented (?) config will create a new tooltip like
    Code:
    xtype:'tooltip'
    ?
    But issues 1 and 3 are still present.

  4. #4
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,253

    Default

    It's not undocumented, see: http://docs.sencha.com/extjs/6.5.0/m...ml#cfg-tooltip

    The tooltip for this component - can be a string to be used as innerHTML (html tags are accepted) or Ext.tip.ToolTip config object.
    The default behavior is to use a shared tip instance. The tooltip configuration is registered with the Ext.tip.Manager. To enable this, your application can set the Ext.app.Application#quickTips config, or an instance of the Ext.tip.Manager may be created manually.
    To force a unique tooltip instance to be created, specify autoCreate: true on this configuration.
    Configuring this with autoHide: false implies autoCreate: true so that the desired persistent behavior can be obtained with other targets still showing the singleton instance.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  5. #5
    Sencha Premium Member
    Join Date
    May 2015
    Posts
    8

    Default

    You're right, sorry. When I read "Ext.tip.ToolTip" config, i switched to the corresponding help document (http://docs.sencha.com/extjs/6.5.0/m...p.ToolTip.html), where i did not found this config. Could it be added to documentation?

  6. #6
    Sencha Premium Member
    Join Date
    May 2015
    Posts
    8

    Exclamation issues still present in 6.5.1.345

    - updated fiddle (deleted old issue (2))
    - issues 1 and 3 still present in 6.5.1.345

  7. #7
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    Thanks for the detailed test case. I have added some overrides to the fiddle which I think should solve these issues.

  8. #8
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,892

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

Similar Threads

  1. tooltip causing errors
    By netnutmike in forum Ext JS 6.x Q&A
    Replies: 2
    Last Post: 6 Jul 2017, 1:56 PM
  2. [OPEN] ToolTip question with Modern Toolkit
    By reg.phipps in forum Ext JS 6.x Bugs
    Replies: 3
    Last Post: 31 Mar 2017, 6:23 AM
  3. [OPEN] 6.2 modern container tooltip
    By mcCrimson in forum Sencha Cmd
    Replies: 1
    Last Post: 27 Oct 2016, 1:22 PM
  4. Styling the tooltip for field errors
    By dannylib in forum Ext: Q&A
    Replies: 2
    Last Post: 23 Mar 2016, 9:20 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •