[MGNLUI-6723] Column filtering text field loses focus Created: 26/May/21  Updated: 08/Jul/22  Resolved: 08/Jun/22

Status: Closed
Project: Magnolia UI
Component/s: content app
Affects Version/s: 6.2.9
Fix Version/s: 6.2.20

Type: Bug Priority: Neutral
Reporter: Richard Gange Assignee: Sang Ngo Huu
Resolution: Obsolete Votes: 0
Labels: maintenance
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: 0.5d Time Spent: 0.5d
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Attachments: GIF File Feb-24-2022 10-21-57.gif    
Issue Links:
dependency
depends upon BUILD-772 Update to Vaadin 8.15.2 (Magnolia 6.2) Closed
depends upon BUILD-838 Update to Vaadin 8.15.2 (Magnolia 6.3) Closed
depends upon BUILD-869 Update to Vaadin 8.15.2 (Magnolia 5.7) Closed
relation
Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLUI-7221 Investigate and provide PR Sub-task Completed Sang Ngo Huu  
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Epic Link: Column filtering
Sprint: Nucleus 12
Story Points: 5
Team: Nucleus

 Description   

Reproduce

  1. Open the pages app and navigate to the flat view (the important thing is that there has to be more items than it's the grid's view size)
  2. Try to filter using the title column

Actual
As soon as results are returned the input field loses its focus. I was only able to type about 4 characters before it lost focus and filtered the column.
Trying to clear the field also causes the field to lose focus when all the data is shown again.

Expected
It is possible to continue typing into the filter input field without an additional use of the mouse and also when Magnolia displays found data



 Comments   
Comment by Richard Gange [ 04/Jun/21 ]

No longer an issue with latest Chrome and Safari. Opera still not working but needs to be updated. It should be working at some point.

Comment by Richard Gange [ 04/Jun/21 ]

It appears in Chrome that it works sometimes and other times not. Safari it consistency works. We need something to explicitly hold the focus on the field.

Comment by Roman Kovařík [ 21/Jun/21 ]
  • for me it happens also in the tree view
  • only in an app which takes a little longer to render, such as the assets app and there is more filtered items than would fit into the height of the screen (returning 0 items from datasource mitigates the issue, an issue related to scrollbar?)
  • I can consistently reproduce it in Safari, Chrome and Firefox
  • doesn't happen in chooser (separate window probably handles the focus separately)
  • there is no other focus event on the server side (probably a client side issue)
  • focus is reset to root (which probably equals to no focus)
  • setting the focus explicitly from server side doesn't have any effect
  • Minimal setup to still reproduce
    • only jcrName column without icons
    • no shortcuts
  • component outside of the grid (e.g. add fulltext search view to the app) keeps the focus
  • component inside of the grid (e.g. text field) can receive focus, only the one in the header doesn't seems to work
Comment by Quach Hao Thien [ 19/May/22 ]

Validate the issue after ui upgrade to vaadin 8.15.1 https://jira.magnolia-cms.com/browse/MGNLUI-7133

Comment by Sang Ngo Huu [ 08/Jun/22 ]

Confirmed that with update to Vaadin 8.15.2, the issue has gone

Generated at Mon Feb 12 09:39:21 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.