Rounded lists fails

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Install latest iUI (0.40 alpha1)
2. Try the demo / code own interface
3. Fails (see screenshot)

What is the expected output? What do you see instead?

Styles are bad

What version of the product are you using? On what operating system?

0.40 alpha1

Please provide any additional information below.

see screenshot

Original issue reported on code.google.com by s1r...@gmail.com on 1 Nov 2011 at 2:20

Attachments:

• iui_roundedlists.png

[GoogleCodeExporter]

"body > ul" works
"body > .panel > ul" doesn't, as seen in screenshot

Original comment by s1r...@gmail.com on 1 Nov 2011 at 2:26

[GoogleCodeExporter]

tested in Google Chrome (v14) and Android (2.2)

Original comment by s1r...@gmail.com on 1 Nov 2011 at 2:29

[GoogleCodeExporter]

going back to CSS and theme 0.4dev3, theme works.

Original comment by s1r...@gmail.com on 1 Nov 2011 at 2:36

Attachments:

• iui_roundedlists_040dev3.png

[GoogleCodeExporter]

style works, but I lost my "onclick" envent on <a>.

Original comment by s1r...@gmail.com on 1 Nov 2011 at 2:38

[GoogleCodeExporter]

about "theme works", I use the one from the demo page;
http://www.iui-js.org/documentation/0.50/getting-started/example-list2.html#_scr
een1

0.40dev3 release is also broken.

Original comment by s1r...@gmail.com on 1 Nov 2011 at 2:50

[GoogleCodeExporter]

with iui-0.50-remipreview, theme is mostly ok, no onclick on <a>

Original comment by s1r...@gmail.com on 1 Nov 2011 at 2:52

[GoogleCodeExporter]

I found the same issues - also missing 'Selected' button state images with 0.40 
alpha1.

I also went back to the demo page and lifted the older code from there. Any 
idea when this might be fixed? The current release is unusable...

Original comment by l...@okyanet.com on 2 Nov 2011 at 1:41

[GoogleCodeExporter]

on 0.50 (git), click on <a> is broken on chrome and android (2.2). 
investigating...

Original comment by s1r...@gmail.com on 2 Nov 2011 at 8:03

[GoogleCodeExporter]

code is simple:

<div class="toolbar"> 
            <a class="button" id="backButton" href="#"></a> 
            <h1 id="pageTitle"></h1> 
        </div>

        <div id="home" title="Dalcon mobile" class="panel" selected="true">
            <ul>
                <li class="group">group 1</li>
                <li><a>item 1</a></li>
                <li><a>item 2</a></li>
                <li><a>item 3</a></li>
                <li><a>item 4</a></li>
            </ul>
        </div>
        <div id="tool" title="Module" class="panel"></div>

Original comment by s1r...@gmail.com on 2 Nov 2011 at 8:08

[GoogleCodeExporter]

Remi, can you take a look at this one, please?

Original comment by msgilli...@gmail.com on 2 Nov 2011 at 8:38

[GoogleCodeExporter]

click goes on the body, not <a>

srcElement: HTMLBodyElement
target: HTMLBodyElement

Original comment by s1r...@gmail.com on 2 Nov 2011 at 8:39

[GoogleCodeExporter]

I got the two css from the demo page, local test doesn't work. :(
I really don't get it.. it looks like a webkit/css issue.

whitout the css, links works, with it (theme css), links doesn't work.

Original comment by s1r...@gmail.com on 2 Nov 2011 at 8:44

[GoogleCodeExporter]

body > *:not(.toolbar) {
    z-index:    -1;
}

bingo! links works :)

but then I loose the .toolbar :)

Original comment by s1r...@gmail.com on 2 Nov 2011 at 8:48

[GoogleCodeExporter]

fix toolbar:

.toolbar {
        position: relative;
        z-index: 1;
}

Original comment by s1r...@gmail.com on 2 Nov 2011 at 8:57

[GoogleCodeExporter]

"z-index: -1;" makes everything go bellow the body

Original comment by s1r...@gmail.com on 3 Nov 2011 at 1:29

[GoogleCodeExporter]

i would definitely avoid playing with z-index if possible.
I guess a a element with no HREF isn't that good btw. Could you try using 
href="javascript:;" just for the test?

Original comment by remi.gru...@gmail.com on 3 Nov 2011 at 11:21

[GoogleCodeExporter]

by code I add "href=javascript:void(0);" on "a". doesn't work with iui css.
also .click, .bind("click"), etc.

Original comment by s1r...@gmail.com on 3 Nov 2011 at 12:13

[GoogleCodeExporter]

btw I removed "z-index: -1;" on "body > *:not(.toolbar)", not added it.

Original comment by s1r...@gmail.com on 3 Nov 2011 at 12:22

[GoogleCodeExporter]

I run into the same problem, even in 0.40dev3. The list just doesn't show up as 
expected.

Original comment by dieter.s...@gmail.com on 23 Nov 2011 at 12:08

[GoogleCodeExporter]

you need 0.50, then fix the css. Look in the comments above.

Original comment by s1r...@gmail.com on 23 Nov 2011 at 12:28

[GoogleCodeExporter]

Confirming that rounded lists still fail using v0.40 beta2, as well as the 
latest v0.50 snapshot from git.

Original comment by minf...@sharp.fm on 13 Mar 2012 at 4:39

[GoogleCodeExporter]

Rounded lists aren't supported in version 0.40.  However there is a file 
iui-panel-list.css that can be used to add rounded-list support in 0.40 -- it's 
available here:
http://iui.googlecode.com/git/web-app/css/iui-panel-list.css

It doesn't have all the features of rounded-lists in 0.50, but it might help 
you.

Original comment by msgilli...@gmail.com on 16 Mar 2012 at 8:05

[GoogleCodeExporter]

Please see 
http://code.google.com/r/remigrumeau-iui-dev/source/detail?r=47cf746c2ad72bd2728
b16b150aa35b66b821036&name=remigrumeau-forms

Original comment by remi.gru...@gmail.com on 26 Mar 2012 at 9:13

• Changed state: closed

[GoogleCodeExporter]

Issues aren't closed until the fixed code is in the 'master' branch of the main 
repo.  (Perhaps they shouldn't be closed until there is an actual release of 
the fixed code.)

Original comment by msgilli...@gmail.com on 26 Mar 2012 at 4:37

• Changed state: Started

[GoogleCodeExporter]

my bad

Original comment by remi.gru...@gmail.com on 26 Mar 2012 at 4:54