Scolling in additional action menu broken when hovering horizontal lines

[christianlupus]

Hello,

I found an issue most probably with the Vue Nextcloud library. It was reported in nextcloud/spreed#10520 originally. See also that issue for additional information.

Mainly, in a list of additional actions with hlines, the scrolling is broken when hovering over the lines. In fact, the scrolling is programmatically reset while hovering rendering some functions inaccessible.

I think a screencast is the most clear explanation here (I wanted to remove the entry, the very last menu point in the list):

vokoscreenNG-2023-09-17_10-36-45.mp4

According to @Antreesy, the issue can be worked around by disabling an event handler:

Hi, Christian! This definitely looks like an issue with vue-library, and should come from this code , as removing this listener via DevTools helps:

nextcloud-vue/src/components/NcActions/NcActions.vue

Lines 843 to 860 in 5755770

	onMouseFocusAction(event) {
	if (document.activeElement === event.target) {
	return
	}
	const menuItem = event.target.closest('li')
	if (menuItem) {
	const focusableItem = menuItem.querySelector(focusableSelector)
	if (focusableItem) {
	const focusList = this.$refs.menu.querySelectorAll(focusableSelector)
	const focusIndex = [...focusList].indexOf(focusableItem)
	if (focusIndex > -1) {
	this.focusIndex = focusIndex
	this.focusAction()
	}
	}
	}
	},

[ChristophWurst]

jumping-actions-2023-11-15_16.40.25.mp4

can confirm