[GitHub] [royale-asjs] cristallium opened a new issue, #1193: TileHorizontalLayout compute wrong margin-right in case of scroller (ignoring scrollbar width)

Fri, 15 Apr 2022 05:33:18 -0700 


cristallium opened a new issue, #1193:
URL: https://github.com/apache/royale-asjs/issues/1193

   Hi,
   I found a bug in a special case with `TileHorizontalLayout`
   
   Take this exemple :
   
   ```
       <j:List localId="lst" className="ImageListItemRenderer" height="90%" 
width="400" change="ev_change(event)" includeIn="loaded">
           <j:beads><j:TileHorizontalLayout requestedColumnCount="2" 
itemsExpand="false" horizontalGap="0" columnWidth="186" /></j:beads>
       </j:List>
   ```
   
   ItemRenderer : 
   
   ```
   <j:ListItemRenderer ... width="186" height="91">
   ...
     <j:Image src="{image_src}" width="170" height="75"/>
   ...
   </j:ListItemRenderer>
   ```
   
   This is working fine if no scrollbar like this screenshoot
   
![image](https://user-images.githubusercontent.com/6851433/163570050-a946d648-c74f-4db2-9d8e-8450de2cfab3.png)
   
   
   
   However if the scrollbar appears then it could have 2 items by row. But the 
compute of `margin-right` wrong because it doesn't take into account the 
scrollbar width. So margin-right is too high and list has only 1 item per row
   
   
![image](https://user-images.githubusercontent.com/6851433/163569800-f915610c-64a5-4667-bd4e-06b4e75b6425.png)
   
   In the following screenshoot, brown color matches the `margin-right` and is 
too large
   
   
![image](https://user-images.githubusercontent.com/6851433/163570272-50ce2381-e7c7-4dc5-ac7e-3efb902524e8.png)
   
   
   If I manually change margin-right substracting scrollbar width (with dev 
tools in browser) , then this is fine : 
   
   
![image](https://user-images.githubusercontent.com/6851433/163570327-4dbbaf1d-f6fe-49eb-8dde-b758622d193a.png)
   
   
   
   
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to