Semantic-ui: [Popup] A tooltip should have a higher z-index than a checkbox鈥檚 pin

Created on 23 Feb 2017  路  10Comments  路  Source: Semantic-Org/Semantic-UI

when i use 'ui toggle checkbox' style and add a data-tooltip to the div tab锛宒ata-tooltip popup item is covered by the checkbox icon.demo:

                </div>

                <div class="column">
                    <div class="ui toggle checkbox" data-tooltip="user admin">
                        <input class="checkbox roles" id="role_ROLE_user" type="checkbox" value="ROLE_user" name="roles">
                        <label>user admin</label></div>
                </div>
                <div class="column">
                    <div class="ui toggle checkbox" data-tooltip="system admin  fdfdfdfddfddf">
                        <input class="checkbox roles" id="role_ROLE_admin" type="checkbox" value="ROLE_admin" name="roles">
                        <label>system admin</label></div>
                </div>
        </div>
Confirmed Bug stale

Most helpful comment

2018-02-25 semantic ui popover bug

Bump. Hoping for a fix for this bug.

All 10 comments

Hi, please provide a test case as per our contributing guidelines; you can fork this JSFiddle.

I have give a test case.but this page doesn't show it in the right way. well,it just the data-tooltip popup item is covered by the checkbox.

@jackmiking : you can fork this JSFiddle and create a test-case so that we can inspect what's wrong.

Here鈥檚 the test case confirming the issue: https://jsfiddle.net/4x6zhs6p/

@jackmiking please let me know if you鈥檇 like to know about a temporary workaround.

yes,of course.

@jackmiking Open installation_folder/src/site/modules/popup.variables, paste the following there, then rebuild the framework:

@arrowZIndex: 3;
@tooltipZIndex: 2;

2018-02-25 semantic ui popover bug

Bump. Hoping for a fix for this bug.

There has been no activity in this thread for 90 days. While we care about every issue and we鈥檇 love to see this fixed, the core team鈥檚 time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

Still have this issue. Is there a fix on the way for this one? Thanks!

We fixed it with the suggestion from @Banandrew in https://github.com/fomantic/Fomantic-UI. See here: https://jsfiddle.net/gcp8od1s/1/

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rdzidziguri picture rdzidziguri  路  3Comments

zhaoyao91 picture zhaoyao91  路  3Comments

larsbo picture larsbo  路  3Comments

mllamazares picture mllamazares  路  3Comments

vinhtq picture vinhtq  路  3Comments