0042885: [20Q1] [NewSkin] [UX] "Initial balance" and "Current balance" fields of Advanced Filters pop up have multiple issues

Description

The "Inital balance" and "Current balance" fields of Gift Card selector's Advanced Filters popup present multiple usability issues, which include the following:

(1) The header of the fields are never shown, regardless of any of the actions taken.
(2) The field clearing button doesn't appear sometimes when text is written.
(3) The dropdown selectors of the fields appear by the middle of the field once clicked upon. The first time they appear hidden.
(4) The dropdown selectors are moved along as the inputted text size increases, and remains that way regardless of clearing the text, or exiting the popup and opening it
again
(4.1) The dropdown selectors are sometimes set to the place it should be in.

This issue is regression introduced by the skinnable POS project / new skin. None of these behaviours are reproducible in 19Q4

Check the following videos which more specifically depict the issues listed:
(4)/(2) https://drive.google.com/open?id=1q0vNHtRYlTMe2kU561LfaRic49DKj_ES [^]
(4.1) https://drive.google.com/open?id=1TLv0jpDqI5sr-aM76UtFClUwmrdh_w6g [^]

Check the attached screenshot showing how the popup was presented in 19Q4. The headers are more or less correctly shown, and the dropdowns and text are in fixed positions.

Steps To Reproduce

PRECONDITION: the "Gift Cards and Vouchers" module must be installed, and a Gift Card configured with no expiry date in the backend

0. Log in the POS as user "vallblanca"
1. Search the Gift Card created in the template and add it to the ticket
2. Pay it
3. Add some other items to the ticket, and click on the 'total' button
4. Select the "Gift Card" payment method, and click on "Pay Total". A popup titled "Gift Card:<ticket amount>" will appear
5. Click on the "* Advanced Filter" button
6. Observe and reproduce the issues mentioned in the description

Tags

No tags attached.

Attached Files

gift-card-adv-filter-19Q4.png [^] (110,435 bytes) 2020-01-15 13:38

Relationships [ Relation Graph ] [ Dependency Graph ]

related to	defect	0042720		closed	ranjith_qualiantech_com	[20Q1] [UX] First access to "Customer's Gift Cards" shows an asterisk in the Filter text
related to	defect	0042826		closed	ranjith_qualiantech_com	[20Q1] [UX] Gift Card expiry date isn't correctly shown when not set, in its popup to assign to receipt
depends on	backport	0043010	RR20Q1	closed	ranjith_qualiantech_com	[20Q1] [NewSkin] [UX] "Initial balance" and "Current balance" fields of Advanced Filters pop up have multiple issues

Notes
(0117251) hgbot (developer) 2020-01-27 08:45	Repository: erp/pmods/org.openbravo.mobile.core Changeset: 7fdd83e7bbb1a3438c89356617066ce1058c3363 Author: Ranjith S R <ranjith <at> qualiantech.com> Date: Mon Jan 27 13:15:03 2020 +0530 URL: http://code.openbravo.com/erp/pmods/org.openbravo.mobile.core/rev/7fdd83e7bbb1a3438c89356617066ce1058c3363 [^] Related to issue 42885 : Updated FilterSelectorAmount to use filter combo and input for Amount * FilterSelectorAmount UI is updated with filterCondition, 12px Space and Input Box --- M web/org.openbravo.mobile.core/assets/css/obmobc-main.css M web/org.openbravo.mobile.core/source/component/dialog/ob-advancedfilterselector.js M web/org.openbravo.mobile.core/source/component/dialog/ob-modaladvancedfilters.js M web/org.openbravo.mobile.core/source/component/ob-form.js ---

Issue History
Date Modified	Username	Field	Change
2020-01-15 13:38	inaki_garcia	New Issue
2020-01-15 13:38	inaki_garcia	Assigned To	=> Retail
2020-01-15 13:38	inaki_garcia	File Added: gift-card-adv-filter-19Q4.png
2020-01-15 13:38	inaki_garcia	Triggers an Emergency Pack	=> No
2020-01-15 14:07	inaki_garcia	Relationship added	related to 0042720
2020-01-15 14:08	inaki_garcia	Relationship added	related to 0042826
2020-01-17 08:31	ranjith_qualiantech_com	Assigned To	Retail => ranjith_qualiantech_com
2020-01-27 08:45	hgbot	Checkin
2020-01-27 08:45	hgbot	Note Added: 0117251
2020-01-27 12:41	ranjith_qualiantech_com	Status	new => scheduled
2020-01-27 15:20	ranjith_qualiantech_com	Status	scheduled => resolved
2020-01-27 15:20	ranjith_qualiantech_com	Resolution	open => fixed
2020-02-05 12:17	guilleaer	Review Assigned To	=> guilleaer
2020-02-05 12:17	guilleaer	Status	resolved => closed
2020-02-05 12:17	guilleaer	Fixed in Version	=> RR20Q2