Count Bubble position problem #3979

Azuo opened this Issue Apr 6, 2012 · 6 comments


None yet

5 participants

Azuo commented Apr 6, 2012

count bubble position using 1.1.0.rc1:
Everything is OK.

count bubble position using 1.1.0.rc2:
Count bubble overlaps the text in a custom multi-select menu, and is placed too close to the split button in a listview.


We should touch this up before final. Thanks.

@Wilto Wilto was assigned Apr 6, 2012


Are you or somebody else already working on this? If you like I can create a pull request that fixes those issues. Just let me know.


I don't believe @Wilto has worked on this yet so if you want to work on a pull request, we'd be happy to give it a look.


BTW - we've decided to freeze the code and get final out sooner so this will end up landing in the first maintenance release.


Azuo used a listview with data-mini="true" in his example. That is not supported (yet) as far as I know.
In my pull request I only enclosed two minor changes that make sure there is no overflow in case of a mini button in listview. So they will look good but for consistency the padding/position should be tweaked. I thought it was better to wait with adding those rules until mini listviews are going to be supported.

Edit: I replaced my original PR's by a new one which also makes listviews compatible with data-mini="true"

atuttle commented Apr 18, 2012

I've also noticed that the count bubble is not repositioned in this case (link icon disabled):

<li data-icon="false"><a>Whatever <span class="ui-li-count">55</span></a></li>

I made this change in a custom css file I'm using for my application and it's working well for me, but it's not tested against all possible cases:

li[data-icon=false] .ui-li-count {
    right: 30px;
@jaspermdegroot jaspermdegroot added a commit that closed this issue Jun 8, 2012
@jaspermdegroot jaspermdegroot Fixes #3979 and #4263 - Added/adjusted count bubble positioning and p…
…adding rules for select menu, listview buttons, and divider.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment