waxmiguelito / iui

Automatically exported from code.google.com/p/iui
MIT License
0 stars 0 forks source link

Rounded lists fails #316

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
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:

GoogleCodeExporter commented 9 years ago
"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 commented 9 years ago
tested in Google Chrome (v14) and Android (2.2)

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

GoogleCodeExporter commented 9 years ago
going back to CSS and theme 0.4dev3, theme works.

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

Attachments:

GoogleCodeExporter commented 9 years ago
style works, but I lost my "onclick" envent on <a>.

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

GoogleCodeExporter commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
Remi, can you take a look at this one, please?

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

GoogleCodeExporter commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
fix toolbar:

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

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

GoogleCodeExporter commented 9 years ago
"z-index: -1;" makes everything go bellow the body

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

GoogleCodeExporter commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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 commented 9 years ago
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

GoogleCodeExporter commented 9 years ago
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

GoogleCodeExporter commented 9 years ago
my bad

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