Page MenuHomePhabricator

Special:NewLexeme: language dropdown navigation issue
Closed, ResolvedPublic5 Estimated Story PointsBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

What happens?:

After the down arrow key navigating the 'Lexeme language' suggestions has been pressed enough times to have the menu scroll and load more results, the item that is highlighted resets to the one at the top of the list.

What should have happened instead?:

The down arrow key should continue to help the user navigate through the list.

Other information (browser name/version, screenshots, etc.):

image.png (514×846 px, 56 KB)

  • This also affects Query Builder

Event Timeline

Lydia_Pintscher renamed this task from Special:NewLexeme? language dropdown navigation issue to Special:NewLexeme: language dropdown navigation issue.Dec 8 2022, 2:13 PM
Lydia_Pintscher moved this task from Incoming to Product Backlog on the Wikidata Dev Team board.

Wondering if @Sarai-WMDE or @Michael have an idea what's going on here.

Mh, one thing that is happening at that moment, is that it loads more results. But I have to spend time looking into the code in order to figure out why that would reset the keyboard position. That is definitively not supposed to happen. Also, I think that used to work correctly?

Interestingly, I can still reproduce this issue on the Codex TypeaheadSearch Wikidata demo, so it doesn’t seem to be limited to Wikit.

Interestingly, I can still reproduce this issue on the Codex TypeaheadSearch Wikidata demo, so it doesn’t seem to be limited to Wikit.

Could you share the steps with which you reproduced this on Codex? I tried it, but on Codex it works as expected (highlighted item does not reset when receiving more results)

I would say that this is a wikit problem, because I can also reproduce it at https://query.wikidata.org/querybuilder/

Did we cause this with some recent change, or did we just somehow fail to notice it till now?

(Notably, that also means that this affects both the Vue 2 as well the Vue 3 version of the Wikit Lookup)

Interestingly, I can still reproduce this issue on the Codex TypeaheadSearch Wikidata demo, so it doesn’t seem to be limited to Wikit.

Could you share the steps with which you reproduced this on Codex? I tried it, but on Codex it works as expected (highlighted item does not reset when receiving more results)

Typing “e” and then using the “down” key; it seems to be more reproducible when I quickly press the “down” key or even hold it down. Screencast (Phabricator wouldn’t accept it as an upload): https://tmp.lucaswerkmeister.de/T324743.webm

Ah, no. This is different in so far as that the Codex Lookup is intended to loop around to the beginning when you step past the last element and footer. As far as I can see, this does not reset the scroll position purely when more elements are loaded, right?

Looking at things, I think this was introduced by commit wmde/wikit@a7e2cd540a, specifically when it changed OptionsMenu.vue -> watch -> menuItems. Though that would imply that this exists since quite a while ago? Also, it looks so obvious to me now, that I'm surprised that we did not notice it back then.

Task breakdown notes:

  • T324743#8460756 identifies the problem.
    • We should make sure that we don’t introduce a regression about the behavior that was fixed in that commit: closing and reopening the menu.
  • To test the fix within Wikit, it would be nice to add an example to the storybook (or somewhere else?) that has load-more behavior.
  • We’ll need to make new releases of Wikit (master and next branches) and use the new versions in Special:NewLexeme and query builder.

This is a Wikit issue that has been solved in this PR, for the issue to be solved in new Lexeme a new Wikit release needs to be made and the version needs to be updated in the new lexeme project.

Change 871320 had a related patch set uploaded (by Guergana Tzatchkova; author: Guergana Tzatchkova):

[mediawiki/extensions/WikibaseLexeme@master] Bump new-lexeme to include new version of wikit

https://gerrit.wikimedia.org/r/871320

Change 871320 merged by jenkins-bot:

[mediawiki/extensions/WikibaseLexeme@master] Bump new-lexeme to include new version of wikit

https://gerrit.wikimedia.org/r/871320

Just a heads-up that the issue can still be reproduced in the context of the Query Builder. Maybe this is already in progress, but the WiKit version should also be updated in that project.

Just a heads-up that the issue can still be reproduced in the context of the Query Builder. Maybe this is already in progress, but the WiKit version should also be updated in that project.

Thanks for bringing this up @Sarai-WMDE , yes indeed this has to be updated but I didn't because the tasks were not part of our sprint and I wasn't sure about the priorities. When the tasks are created I can replace the version.. Or i can create the tasks if needed but I need to know in which Sprint to pull them in :)

Here's a subtask to update the WiKit version in use by the Query Builder, which will fix the lookup navigation issues displayed there: T326543: Query Builder: Fix lookup navigation issue

Here's a subtask to update the WiKit version in use by the Query Builder, which will fix the lookup navigation issues displayed there: T326543: Query Builder: Fix lookup navigation issue

Thanks!!! @Sarai-WMDE