Anonymous | Login

Project:

News | My View | View Issues | Roadmap | Summary

View Issue Details[ Jump to Notes ]

[ Issue History ] [ Print ]

ID

0051480

Type

Category

Severity

Reproducibility

Date Submitted

Last Update

defect

[POS2] POS

minor

always

2023-01-27 11:06

2023-02-01 12:06

Reporter

lorenzofidalgo

View Status

public

Assigned To

Retail

Priority

normal

Resolution

fixed

Fixed in Version

23Q2

Status

closed

Fix in branch

Fixed in SCM revision

Projection

none

ETA

none

Target Version

OS

Any

Database

Any

Java version

OS Version

Database version

Ant version

Product Version

main

SCM revision

Review Assigned To

Regression level

Regression date

Regression introduced in release

Regression introduced by commit

Triggers an Emergency Pack

No

Summary

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

Description

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.

Steps To Reproduce

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.

Tags

No tags attached.

SizeKO.png [^] (92,931 bytes) 2023-01-27 11:06

Relationships [ Relation Graph ] [ Dependency Graph ]

Notes
(0145928) dbaz (developer) 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 (developer) 2023-01-30 10:03	Merge Request created: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/971 [^]

(0146114) hgbot (developer) 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 (developer) 2023-02-01 12:06	Merge request merged: https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/merge_requests/971 [^]

Issue History
Date Modified	Username	Field	Change
2023-01-27 11:06	lorenzofidalgo	New Issue
2023-01-27 11:06	lorenzofidalgo	Assigned To	=> Retail
2023-01-27 11:06	lorenzofidalgo	File Added: SizeKO.png
2023-01-27 11:06	lorenzofidalgo	Triggers an Emergency Pack	=> No
2023-01-27 11:07	lorenzofidalgo	Description Updated	View Revisions
2023-01-27 11:07	lorenzofidalgo	Steps to Reproduce Updated	View Revisions
2023-01-27 11:38	dbaz	Note Added: 0145928
2023-01-30 10:03	hgbot	Note Added: 0146004
2023-02-01 12:06	hgbot	Resolution	open => fixed
2023-02-01 12:06	hgbot	Status	new => closed
2023-02-01 12:06	hgbot	Fixed in Version	=> 23Q2
2023-02-01 12:06	hgbot	Note Added: 0146114
2023-02-01 12:06	hgbot	Note Added: 0146115

Copyright © 2000 - 2009 MantisBT Group