Openbravo Issue Tracking System - POS2
View Issue Details
0051480POS2POSpublic2023-01-27 11:062023-02-01 12:06
lorenzofidalgo 
Retail 
normalminoralways
closedfixed 
5
main 
23Q2 
No
0051480: [23Q1][UX] In case the height of the browser is higher than 1145 px, POS layout breaks, adding a bottom grey bar and a scroll
POS layout behaves properly when its height is 1145 px or less. But when it is 1146 or higher, it adds an unnecesary bottom grey bar and a scroll (check attached image).
Reproduced with with Google Chrome and Google Chrome Beta.
Login react POS using a browser which height is 1146 px or more (you can require a bigger screen to reproduce it). DEFECT: Realise a grey bottom bar is added and also an unnecesary scroll is added.
No tags attached.
png SizeKO.png (92,931) 2023-01-27 11:06
https://issues.openbravo.com/file_download.php?file_id=18069&type=bug
png
Issue History
2023-01-27 11:06lorenzofidalgoNew Issue
2023-01-27 11:06lorenzofidalgoAssigned To => Retail
2023-01-27 11:06lorenzofidalgoFile Added: SizeKO.png
2023-01-27 11:06lorenzofidalgoTriggers an Emergency Pack => No
2023-01-27 11:07lorenzofidalgoDescription Updatedbug_revision_view_page.php?rev_id=25462#r25462
2023-01-27 11:07lorenzofidalgoSteps to Reproduce Updatedbug_revision_view_page.php?rev_id=25464#r25464
2023-01-27 11:38dbazNote Added: 0145928
2023-01-30 10:03hgbotNote Added: 0146004
2023-02-01 12:06hgbotResolutionopen => fixed
2023-02-01 12:06hgbotStatusnew => closed
2023-02-01 12:06hgbotFixed in Version => 23Q2
2023-02-01 12:06hgbotNote Added: 0146114
2023-02-01 12:06hgbotNote Added: 0146115

Notes
(0145928)
dbaz   
2023-01-27 11:38   
It seems it is a problem happening only in Chrome 109.

In order to fix it, it is necessary to add "overflow: hidden;" inside ".obc2AppBar"

Probably the problem comes from the calculations when scaling the application, that under some circumstances now it rounds 1px above, resulting in this scrollbar.

Since the AppBar does not need to overflow (if any, it should be their own components), it is safe to add the proposed css attribute.
(0146004)
hgbot   
2023-01-30 10:03   
Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/971 [^]
(0146114)
hgbot   
2023-02-01 12:06   
Directly closing issue as related merge request is already approved.

Repository: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2 [^]
Changeset: 4697aef6faa5178f133c40e2c6b39d5cb7661989
Author: Adrián Blasco <adrian.blasco@openbravo.com>
Date: 01-02-2023 11:06:18
URL: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/commit/4697aef6faa5178f133c40e2c6b39d5cb7661989 [^]

Fixes ISSUE-51480: Overflow:hidden in Toolbar to avoid scroll defect

---
M web-jspack/org.openbravo.core2/src/components/AppBar/AppBar.scss
---
(0146115)
hgbot   
2023-02-01 12:06   
Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/971 [^]