Nested listview page title should exclude count bubble text

[canavese]

When I click on a listview link with a count bubble through to a nested list, the new page title includes the number in the count bubble (at the end). It really should be excluded.

I'm using jQuery Mobile 1.2.0-rc.1. This occurs on OSX Safari 5.1.7 and iPhone 4.

http://jsbin.com/owipah/89

[MauriceG]

Hi @canavese

I've changed your jsbin a bit and I've moved the count-bubble div outside (and behind) the list item text.
It works as expected: http://jsbin.com/owipah/90

But:
@uGoMobi Issue or wrong markup?
There are no rules in the docs about how to markup a listview when nested lists are used.

A nested listview will take the text of the first found element incl. children.
Also if the count bubble is the first element in a list item, it will be the title of the nested page: http://jsbin.com/owipah/91/

And another example that shows that issue: http://jsfiddle.net/MauriceG/9QJTM/show/light/

Maurice

[toddparker]

Good catch. It would be nice to update the nested demo to use counts like this and just note in the docs how to do this so it works. I really don't want to do too much to nested listviews because there ar so many fundamental limitations. I'd much prefer we move people to use individual pages with listviews because they can have full control.

[canavese]

Thanks folks. Certainly wasn't obvious to me.

[toddparker]

Closing as resolved with the docs changes above.