Sorry about hammering on this subject, but I think I found the difference between the versions which should be corrected:

I used a DOM inspector and had a look the DIV elements which are used to build the list items. I compared the version previous to appearance stuff and the current CVS version. I found the following difference which could lead to the current bug: The current CVS does not create a min-width attribute to the outer div of the list item (which is derived from QxAtom).

In the "pre appearance" version I found the following (hope this is visible:

<div style="-moz-user-select: none; cursor: default; height: 19px; min-width: 456px; left: 0px; right: 0px; top: 646px; background-color: rgb(51, 94, 168); color: rgb(255, 255, 255); outline-color: invert; outline-style: dotted; outline-width: 1px;" class="QxWidgetCore QxListItem" qxhashcode="238">
<div style="-moz-user-select: none; left: 5px; top: 3px;" class="QxWidgetCore QxLabel" qxhashcode="241">
Item No 35 is a very long item but does not show the ugly behaviour of the appearance stuff
</div>
</div>

In the "current CVS" version I found the following:

<div style="position: absolute; cursor: default; -moz-user-select: none; white-space: nowrap; background-color: rgb(51, 94, 168); height: 19px; left: 0px; right: 0px; top: 171px; color: rgb(255, 255, 255);">
<div style="position: absolute; font-family: "Segoe UI",Corbel,Calibri,Tahoma,"Lucida Sans Unicode",sans-serif; font-size: 11px; font-weight: normal; font-style: normal; -moz-user-select: none; left: 5px; top: 3px;">
Item 10 is colored but very long and it should not do line break at all, but we will see.
</div>
</div>



Sebastian Werner schrieb:
Dietrich Streifert schrieb:
Well it seems that this behaviour was introduced sinde the appearance layer was built.

I tried your proposal with nowrap which really avoids the linebreak but does not display the part of the items correctly which is out of view.

Please have a look at the attached example:

I have already changed this here, too.

The problem could be related to the fact, that the list-items normally spans between the width of the listview. In this test case here the needed behavior is different. The listitems should have a "auto" width but should also stretch to the one item, which is the widest. I could not imagine that we have introduced a problem here with the appearance. I think it is more related to a really complex type of layout.

Sebastian






Sebastian Werner schrieb:
Dietrich Streifert schrieb:
Hello List,

If QxList was set to

setOverflow("auto");

previous to appearance implementation the list displayed QxListItem widgets in a single line and created scrollbars on demand to handle the horizontal overflow.

With current renderer CVS the lines are broken at the width of the QxList which partly overwrites the next line. This is for FireFox 1.5 and IE 6.

Should be better, if you add a nowrap to the listitems:

item.setStyleProperty("whiteSpace", "nowrap");

But this also seems to be a bit buggy when the items are selected. I have no idea to fix this currently.

Sebastian



A testcase is attached.

Best regards...


------------------------------------------------------------------------

List horizontal overflow handling




-------------------------------------------------------
This SF.net email is sponsored by: Splunk Inc. Do you grep through log files
for problems?  Stop!  Download the new AJAX search engine that makes
searching your log files as easy as surfing the  web.  DOWNLOAD SPLUNK!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=103432&bid=230486&dat=121642
_______________________________________________
Qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel


------------------------------------------------------------------------

List with colored List Items




-------------------------------------------------------
This SF.net email is sponsored by: Splunk Inc. Do you grep through log files
for problems?  Stop!  Download the new AJAX search engine that makes
searching your log files as easy as surfing the  web.  DOWNLOAD SPLUNK!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=103432&bid=230486&dat=121642
_______________________________________________
Qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

-- 
Mit freundlichen Grüßen
Dietrich Streifert
Visionet GmbH


Reply via email to