[MGNLUI-5051] In apps with a column showing tags, rightmost workbench column bleeds to the next line Created: 26/Feb/19  Updated: 30/Sep/21  Resolved: 30/Sep/21

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.2.6
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Martin Drápela Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: ui-bug, y2k
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Chrome.png     File Kazam_screencast_00005.mp4     File Kazam_screencast_00006.mp4     PNG File MGNLUI-5051-6.2-CESNAP.png     PNG File MGNLUI-5051_fullScreen.png     PNG File MGNLUI-5051_partialScreen.png     PNG File Safari.png     PNG File Screen Shot 2019-04-09 at 3.33.22 PM.png     PNG File Screenshot at 2019-06-28 13-39-51.png     PNG File Screenshot at 2019-06-28 13-56-55.png     PNG File Screenshot from 2019-02-27 10-09-52.png     PNG File image-2019-03-26-09-12-43-829.png     PNG File image-2020-09-09-19-07-39-563.png     PNG File image-2021-02-10-14-21-17-227.png     PNG File image-2021-02-11-08-27-01-355.png     PNG File image-2021-02-11-08-35-40-091.png     File vokoscreen-2019-02-26_14-09-16.mkv     File vokoscreen-2019-04-09_14-53-45.mkv     File vokoscreen-2019-06-28_13-50-33.mkv     File vokoscreen-2019-06-28_14-04-43.mkv     File vokoscreen-2019-06-28_15-07-45.mkv     File vokoscreen-2021-01-22_14-13-50_2.mkv    
Issue Links:
causality
relation
is related to MGNLUI-5988 Browser app layout broken when first ... Closed
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: UI bugs
Story Points: 5

 Description   

After 6.2.6 release of Magnolia, the issue seems to affect very specific setups, with the following confirmed (add more if encountered elsewhere), revalidated with Magnolia DX Core Version (bundle) 6.2.7 (Snapshot: 2021.03.15 11:20:56):

Setup 1:
(Google Chrome Version 88.0.4324.150 (Official Build) (64-bit), Firefox 85.0 (64-bit), Linux Mint MATE 19.3, OpenJDK Runtime Environment (build 11.0.9.1+1-Ubuntu-0ubuntu1.18.04))

  1. Using Magnolia CLI, install DX Core empty web app.
  2. Add the bookshelf light module to the author instance (git clone https://git.magnolia-cms.com/scm/documentation/bookshelf.git).
  3. Open the Author catalog app and add a new item:
    use test item as the name, and add a single tag. 
  4. After saving the edit dialog, the browser shows this:
    (Google Chrome Version 88.0.4324.150)

    (Firefox 85.0)

 

 



 Comments   
Comment by Martin Drápela [ 26/Mar/19 ]

Update

A re-check that the issue still applies, and YES, below with a screenshot showing if more lines are present:

Environment:

Edition   Enterprise Edition - Professional
Version (bundle)   6.0.1 (Snapshot: 2019.03.25 03:17:57)
Instance   Author instance
    Environment
Operating system   Linux 4.15.0-46-generic (amd64)
Java version   Oracle Corporation 1.8.0_201 (build 1.8.0_201-b09)
Application server   IBM WebSphere Liberty/19.0.0.2
Browser   Google Chrome Version 73.0.3683.75 (Official Build) (64-bit)

 

 

 

 

Comment by Simon Lutz [ 26/Jun/19 ]

Cannot reproduce in 6.1. Tried on Firefox, Chrome, Safari - all fine.

Comment by Martin Drápela [ 28/Jun/19 ]

Seen again in the 6.1 dx demo, but in the Definitions app:

Window size is 1024x576. The spill happened when I dragged the separator between Module and Origin columns, to make the fully visible what's set in the Type column.

Env:

Edition   Magnolia DX Core
Version (bundle)   6.1
Instance   Author instance
    Environment
Operating system   Linux 4.15.0-52-generic (amd64)
Browser   Chrome  75.0.3770.100 (Official Build) (64-bit)

More precise steps to reproduce

1) Open App launcher, set win size to 1024x576.

2) Go to the Definitions app.

3) Click and drag-hold the column divider between Value and Type to approx the position of the the right border of the Problems tab above.

4) The severity type column spills over to the left, obstructing the title column:

 

 

See also in a videograb:

vokoscreen-2019-06-28_13-50-33.mkv

 

Another try in 1024x768:

 vokoscreen-2019-06-28_14-04-43.mkv

 There's a breaking point.
The glitch shows up if I reduce window width to below 965px (965px itself is ok). You can watch it in this grab:

 vokoscreen-2019-06-28_15-07-45.mkv

Comment by Annick Boehler [ 16/Sep/20 ]

still present 6.2.3 (snapshot) (reported by SwissRe)

 

Comment by Martin Drápela [ 14/Oct/20 ]

October 14, 2020: Still present even in 6.2.3 - released (dx empty webapp):

Kazam_screencast_00005.mp4

Comment by Martin Drápela [ 15/Oct/20 ]

More observations:
After adding the above ^^ module (and bootstrap content), Magnolia throws the following error consistently when you grab and drag a column divider (see the vid below the stack): 

2020-10-15 15:17:37,373 ERROR nfo.magnolia.admincentral.AdmincentralErrorHandler: AdmincentralUI has encountered an unhandled exception.
java.lang.IndexOutOfBoundsException: Index: 4, Size: 4
	at java.util.ArrayList.rangeCheck(ArrayList.java:659) ~[?:1.8.0_265]
	at java.util.ArrayList.get(ArrayList.java:435) ~[?:1.8.0_265]
	at java.util.Collections$UnmodifiableList.get(Collections.java:1311) ~[?:1.8.0_265]
	at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$null$0(GridScrollExtension.java:122) ~[vaadin-compatibility-grid-scroll-extension-1.3.5.jar:?]
	at info.magnolia.context.AsynchronousContext$OperationFactory.lambda$null$1(AsynchronousContext.java:133) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.context.AsynchronousContext$OperationFactory.lambda$wrap$0(AsynchronousContext.java:122) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.context.AsynchronousContext$OperationFactory.lambda$wrap$2(AsynchronousContext.java:135) ~[magnolia-core-6.2.3.jar:?]
	at com.machinezoo.noexception.CheckedExceptionHandler$CheckedRunnable.run(CheckedExceptionHandler.java:97) ~[noexception-1.4.4.jar:?]
	at info.magnolia.admincentral.ResurfaceUI.lambda$accessSynchronously$0(ResurfaceUI.java:119) ~[magnolia-admincentral-6.2.3.jar:?]
	at com.vaadin.ui.UI.accessSynchronously(UI.java:1511) ~[vaadin-server-8.9.4.jar:8.9.4]
	at info.magnolia.admincentral.ResurfaceUI.accessSynchronously(ResurfaceUI.java:109) ~[magnolia-admincentral-6.2.3.jar:?]
	at com.vaadin.ui.UI$3.run(UI.java:1575) ~[vaadin-server-8.9.4.jar:8.9.4]
	at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:511) ~[?:1.8.0_265]
	at java.util.concurrent.FutureTask.run(FutureTask.java:266) ~[?:1.8.0_265]
	at com.vaadin.server.VaadinService.runPendingAccessTasks(VaadinService.java:2047) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.unlock(VaadinSession.java:1018) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.ensureAccessQueuePurged(VaadinService.java:2012) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.accessSession(VaadinService.java:1978) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.access(VaadinSession.java:1417) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.ui.UI.access(UI.java:1572) ~[vaadin-server-8.9.4.jar:8.9.4]
	at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$reportColumns$1(GridScrollExtension.java:121) ~[vaadin-compatibility-grid-scroll-extension-1.3.5.jar:?]
	at java.lang.Thread.run(Thread.java:748) [?:1.8.0_265]
2020-10-15 15:17:37,375 ERROR info.magnolia.context.MgnlContext                 : MgnlContext is not initialized. This could happen if the request does not go through the Magnolia default filters.
java.lang.IllegalStateException: MgnlContext is not set for this thread
	at info.magnolia.context.MgnlContext.getInstance(MgnlContext.java:282) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.context.MgnlContext.getUser(MgnlContext.java:91) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.ui.framework.message.MessagesManagerImpl.sendLocalMessage(MessagesManagerImpl.java:131) ~[magnolia-ui-framework-6.2.3.jar:?]
	at info.magnolia.admincentral.AdmincentralErrorHandler.error(AdmincentralErrorHandler.java:80) ~[magnolia-admincentral-6.2.3.jar:?]
	at com.vaadin.ui.UI$3.handleError(UI.java:1624) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.ErrorHandlingRunnable.processException(ErrorHandlingRunnable.java:65) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession$FutureAccess.handleError(VaadinSession.java:126) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.runPendingAccessTasks(VaadinService.java:2058) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.unlock(VaadinSession.java:1018) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.ensureAccessQueuePurged(VaadinService.java:2012) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.accessSession(VaadinService.java:1978) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.access(VaadinSession.java:1417) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.ui.UI.access(UI.java:1572) ~[vaadin-server-8.9.4.jar:8.9.4]
	at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$reportColumns$1(GridScrollExtension.java:121) ~[vaadin-compatibility-grid-scroll-extension-1.3.5.jar:?]
	at java.lang.Thread.run(Thread.java:748) [?:1.8.0_265]
15-Oct-2020 15:17:37.376 SEVERE [Thread-483] com.vaadin.ui.UI$3.handleError MgnlContext is not set for this thread
	java.lang.IllegalStateException: MgnlContext is not set for this thread
		at info.magnolia.context.MgnlContext.getInstance(MgnlContext.java:282)
		at info.magnolia.context.MgnlContext.getUser(MgnlContext.java:91)
		at info.magnolia.ui.framework.message.MessagesManagerImpl.sendLocalMessage(MessagesManagerImpl.java:131)
		at info.magnolia.admincentral.AdmincentralErrorHandler.error(AdmincentralErrorHandler.java:80)
		at com.vaadin.ui.UI$3.handleError(UI.java:1624)
		at com.vaadin.server.ErrorHandlingRunnable.processException(ErrorHandlingRunnable.java:65)
		at com.vaadin.server.VaadinSession$FutureAccess.handleError(VaadinSession.java:126)
		at com.vaadin.server.VaadinService.runPendingAccessTasks(VaadinService.java:2058)
		at com.vaadin.server.VaadinSession.unlock(VaadinSession.java:1018)
		at com.vaadin.server.VaadinService.ensureAccessQueuePurged(VaadinService.java:2012)
		at com.vaadin.server.VaadinService.accessSession(VaadinService.java:1978)
		at com.vaadin.server.VaadinSession.access(VaadinSession.java:1417)
		at com.vaadin.ui.UI.access(UI.java:1572)
		at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$reportColumns$1(GridScrollExtension.java:121)
		at java.lang.Thread.run(Thread.java:748)
2020-10-15 15:17:37,377 ERROR nfo.magnolia.admincentral.AdmincentralErrorHandler: AdmincentralUI has encountered an unhandled exception.
java.lang.IndexOutOfBoundsException: Index: 4, Size: 4
	at java.util.ArrayList.rangeCheck(ArrayList.java:659) ~[?:1.8.0_265]
	at java.util.ArrayList.get(ArrayList.java:435) ~[?:1.8.0_265]
	at java.util.Collections$UnmodifiableList.get(Collections.java:1311) ~[?:1.8.0_265]
	at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$null$0(GridScrollExtension.java:122) ~[vaadin-compatibility-grid-scroll-extension-1.3.5.jar:?]
	at info.magnolia.context.AsynchronousContext$OperationFactory.lambda$null$1(AsynchronousContext.java:133) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.context.AsynchronousContext$OperationFactory.lambda$wrap$0(AsynchronousContext.java:122) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.context.AsynchronousContext$OperationFactory.lambda$wrap$2(AsynchronousContext.java:135) ~[magnolia-core-6.2.3.jar:?]
	at com.machinezoo.noexception.CheckedExceptionHandler$CheckedRunnable.run(CheckedExceptionHandler.java:97) ~[noexception-1.4.4.jar:?]
	at info.magnolia.admincentral.ResurfaceUI.lambda$accessSynchronously$0(ResurfaceUI.java:119) ~[magnolia-admincentral-6.2.3.jar:?]
	at com.vaadin.ui.UI.accessSynchronously(UI.java:1511) ~[vaadin-server-8.9.4.jar:8.9.4]
	at info.magnolia.admincentral.ResurfaceUI.accessSynchronously(ResurfaceUI.java:109) ~[magnolia-admincentral-6.2.3.jar:?]
	at com.vaadin.ui.UI$3.run(UI.java:1575) ~[vaadin-server-8.9.4.jar:8.9.4]
	at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:511) ~[?:1.8.0_265]
	at java.util.concurrent.FutureTask.run(FutureTask.java:266) ~[?:1.8.0_265]
	at com.vaadin.server.VaadinService.runPendingAccessTasks(VaadinService.java:2047) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.unlock(VaadinSession.java:1018) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.ensureAccessQueuePurged(VaadinService.java:2012) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.accessSession(VaadinService.java:1978) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.access(VaadinSession.java:1417) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.ui.UI.access(UI.java:1572) ~[vaadin-server-8.9.4.jar:8.9.4]
	at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$reportColumns$1(GridScrollExtension.java:121) ~[vaadin-compatibility-grid-scroll-extension-1.3.5.jar:?]
	at java.lang.Thread.run(Thread.java:748) [?:1.8.0_265]
2020-10-15 15:17:37,378 ERROR info.magnolia.context.MgnlContext                 : MgnlContext is not initialized. This could happen if the request does not go through the Magnolia default filters.
java.lang.IllegalStateException: MgnlContext is not set for this thread
	at info.magnolia.context.MgnlContext.getInstance(MgnlContext.java:282) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.context.MgnlContext.getUser(MgnlContext.java:91) ~[magnolia-core-6.2.3.jar:?]
	at info.magnolia.ui.framework.message.MessagesManagerImpl.sendLocalMessage(MessagesManagerImpl.java:131) ~[magnolia-ui-framework-6.2.3.jar:?]
	at info.magnolia.admincentral.AdmincentralErrorHandler.error(AdmincentralErrorHandler.java:80) ~[magnolia-admincentral-6.2.3.jar:?]
	at com.vaadin.ui.UI$3.handleError(UI.java:1624) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.ErrorHandlingRunnable.processException(ErrorHandlingRunnable.java:65) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession$FutureAccess.handleError(VaadinSession.java:126) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.runPendingAccessTasks(VaadinService.java:2058) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.unlock(VaadinSession.java:1018) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.ensureAccessQueuePurged(VaadinService.java:2012) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinService.accessSession(VaadinService.java:1978) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.server.VaadinSession.access(VaadinSession.java:1417) ~[vaadin-server-8.9.4.jar:8.9.4]
	at com.vaadin.ui.UI.access(UI.java:1572) ~[vaadin-server-8.9.4.jar:8.9.4]
	at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$reportColumns$1(GridScrollExtension.java:121) ~[vaadin-compatibility-grid-scroll-extension-1.3.5.jar:?]
	at java.lang.Thread.run(Thread.java:748) [?:1.8.0_265]
15-Oct-2020 15:17:37.379 SEVERE [Thread-483] com.vaadin.ui.UI$3.handleError MgnlContext is not set for this thread
	java.lang.IllegalStateException: MgnlContext is not set for this thread
		at info.magnolia.context.MgnlContext.getInstance(MgnlContext.java:282)
		at info.magnolia.context.MgnlContext.getUser(MgnlContext.java:91)
		at info.magnolia.ui.framework.message.MessagesManagerImpl.sendLocalMessage(MessagesManagerImpl.java:131)
		at info.magnolia.admincentral.AdmincentralErrorHandler.error(AdmincentralErrorHandler.java:80)
		at com.vaadin.ui.UI$3.handleError(UI.java:1624)
		at com.vaadin.server.ErrorHandlingRunnable.processException(ErrorHandlingRunnable.java:65)
		at com.vaadin.server.VaadinSession$FutureAccess.handleError(VaadinSession.java:126)
		at com.vaadin.server.VaadinService.runPendingAccessTasks(VaadinService.java:2058)
		at com.vaadin.server.VaadinSession.unlock(VaadinSession.java:1018)
		at com.vaadin.server.VaadinService.ensureAccessQueuePurged(VaadinService.java:2012)
		at com.vaadin.server.VaadinService.accessSession(VaadinService.java:1978)
		at com.vaadin.server.VaadinSession.access(VaadinSession.java:1417)
		at com.vaadin.ui.UI.access(UI.java:1572)
		at org.vaadin.extension.gridscroll.GridScrollExtension$1.lambda$reportColumns$1(GridScrollExtension.java:121)
		at java.lang.Thread.run(Thread.java:748)

 Kazam_screencast_00006.mp4

Comment by Christopher Zimmermann [ 19/Nov/20 ]

This can be really bad with tags as well I noticed recently. (In the "bookshelf" tutorial for content types in the documentation.)

Comment by Jan Haderka [ 22/Jan/21 ]

mdrapela the screenshots in your comment are not showing.

I tried just this morning on public demo (6.2.5) and wasn't able to reproduce neither in Safari (Version 14.0.1 (16610.2.11.1.3)) nor in Chrome (Version 87.0.4280.141 (Official Build) (arm64)) neither in notifications nor with tags (tags tried in Pages app, not in bookshelf since it's public demo). Makes me wonder if it could be something specific to bookshelf configuration. In Pages and in Notifications when you drag selector to the right the width of the row is simply extends (you can confirm it by seeing that you can scroll right and left). When the overflow happens it's either that rendering of the column is broken in the browser or that for some reason changing of the width of workbench view behind the viewport is broken. Wonder what could be the cause of this.

Comment by Marta Kobus [ 30/Sep/21 ]

Hello,

This ticket is now marked as closed due to one of the following reasons:

  • A long period of inactivity
  • Uses an old or Beta version of an application, module, or framework that we no longer support
  • The issue is no longer reproducible or has been fixed in later versions

If you are still facing a problem or consider this issue still relevant, please feel free to re-open the ticket and we will reach out to you.

 

Thank you,

The Magnolia Team

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