QIDs are hard to select on mobile in Wikidata
Open, Needs TriagePublic
Actions

Assigned To

None

Authored By

	Denny
	Sep 9 2019, 3:48 PM

Description

When using Chrome on my Pixel 3a, since the new Termbox has launched (which, by the way, is awesome), it is hard or impossible to select the QID on my phone.

Doubletapping on it doesn't do anything, and the best I can do is select some text around it and then remove the text again after copy and pasting, but something's off.

If I'd wager an uninformed guess, I would say that the QID element is somehow masked by some other element.

Related Objects

Mentioned In: T242090: Adjust Termbox styles for the latest Minerva page header changes

Event Timeline

Denny created this task.Sep 9 2019, 3:48 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 9 2019, 3:48 PM

If I'd wager an uninformed guess, I would say that the QID element is somehow masked by some other element.

Yeah, it looks like the .page-actions-menu #page-actions (the container of the watch/unwatch button) occupies the whole width of the header, overlaying the heading.

And termbox includes some styles for that element (in view/resources/wikibase/termbox/main.less), so it might well be caused by that.

Alternative style suggestion:

diff --git a/view/resources/wikibase/termbox/main.less b/view/resources/wikibase/termbox/main.less
index 531ec65b3..450aeb21c 100644
--- a/view/resources/wikibase/termbox/main.less
+++ b/view/resources/wikibase/termbox/main.less
@@ -28,7 +28,7 @@
         #page-actions {
             position: absolute;
             top: 0;
-            width: 100%;
+            right: 0;
         }
 
         .pre-content h1 {

But I don’t know if that does the right thing when there’s more than one action, or if there were other reasons to choose width: 100%. Someone should probably spend a bit more time than I have right now to look into this :)

• nray added a project: Web-Team-Backlog.Sep 10 2019, 12:24 AM

• nray moved this task from Needs triage to Triaged on the Mobile board.

Jdlrobson edited projects, added Web-Team-Backlog (Tracking); removed Web-Team-Backlog.Sep 10 2019, 4:00 PM

I tried Lucas suggestion, and it solves the reason for the bug. When there are two actions, it still works fine (but their relative positioning of the action icons changes slightly - they squeeze together).

Functionality wise, his suggested fix works.

Here's a screenshot of with and without Lucas Fix:

Without Lucas' Fix: