[Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT
Actions

Assigned To

Authored By

	Jdlrobson
	Sep 15 2022, 5:42 PM

Description

Flagged by Pixel

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

Resize browser
DIsable internet connection
Click search toggle

What happens?:
Search box is misaligned with flyout.

What should happen? **

QA Results - Beta|Prod

AC	Status	Details
1	✅	T317902#8385265

QA Results - Beta|Prod

AC	Status	Details
1	✅	T317902#8394776

Details

	Subject	Repo	Branch	Lines +/-
	search: Fix loader alignment with search input	mediawiki/skins/Vector	master	+5 -0

Customize query in gerrit

Related Objects
Search...

Status	Subtype	Assigned	Task
Resolved		Jdlrobson	T195473 [GOAL] Invest in the MobileFrontend & MinervaNeue frontend architecture
Resolved		Jdlrobson	T195478 [EPIC] Speed up unit test execution and increase code coverage
Resolved		Jdlrobson	T195482 [EPIC] Review and refactor MobileFrontend components used by Minerva
Open		None	T281930 [EPIC] Migrate MobileFrontend's code to Vue.js and Codex
Open		None	T212465 [EPIC] None of our View's should exhibit 2 levels of inheritance
Open	BUG REPORT	ovasileva	T289084 MinervaNeue shows 2 search elements when JS is disabled
Open		None	T282473 [GOAL] Use the Codex search widget inside the mobile site
Resolved	BUG REPORT	ovasileva	T317902 [Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions

Event Timeline

Jdlrobson created this task.Sep 15 2022, 5:42 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 15 2022, 5:42 PM

Jdlrobson added a project: Web-Team-Backlog.Sep 15 2022, 5:46 PM

ovasileva triaged this task as Low priority.Sep 19 2022, 8:27 AM

ovasileva moved this task from Incoming to Current Fiscal Year on the Web-Team-Backlog board.

Jdlrobson moved this task from Needs triage to Triaged on the Vector (legacy skin) board.Sep 27 2022, 10:38 PM

Jdlrobson removed a project: Vector (legacy skin).Sep 27 2022, 10:44 PM

Jdlrobson edited projects, added Web-Team-Backlog (Needs Prioritization (Tech)); removed Web-Team-Backlog.Sep 28 2022, 5:15 PM

Jdlrobson moved this task from Backlog to Using Codex in web team products on the Web-Team-Backlog (Needs Prioritization (Tech)) board.

Jdlrobson added a parent task: T282473: [GOAL] Use the Codex search widget inside the mobile site.

Jdlrobson moved this task from Incoming to Search on the Desktop Improvements (Vector 2022) board.Sep 28 2022, 5:17 PM

Jdlrobson mentioned this in T318844: Update Typeahead Search loading indicator styles.Sep 28 2022, 7:03 PM

@Jdlrobson It looks like the two screenshots are the same? could you clarify what it looks like now?

Clarified!

bwang merged a task: T318844: Update Typeahead Search loading indicator styles.Oct 5 2022, 3:51 PM

Change 843582 had a related patch set uploaded (by Jdlrobson; author: Catrope):

[mediawiki/skins/Vector@master] search: Fix loader alignment with search input

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

gerritbot added a project: Patch-For-Review.Oct 28 2022, 4:05 PM

Jdlrobson renamed this task from [Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions to [Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions.Oct 28 2022, 4:06 PM

Jdlrobson assigned this task to Edtadros.

Jdlrobson edited projects, added Web-Team-Backlog (Kanbanana-2022-23-Q2); removed Web-Team-Backlog (Needs Prioritization (Tech)).

Jdlrobson moved this task from Needs Analysis to QA on the Web-Team-Backlog (Kanbanana-2022-23-Q2) board.

Change 843582 merged by jenkins-bot:

[mediawiki/skins/Vector@master] search: Fix loader alignment with search input

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

Maintenance_bot removed a project: Patch-For-Review.Oct 28 2022, 4:30 PM

ReleaseTaggerBot added a project: MW-1.40-notes (1.40.0-wmf.8; 2022-10-31).Oct 28 2022, 5:00 PM

LGoto set the point value for this task to 1.Nov 3 2022, 5:04 PM

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Ventura
Browser: Chrome
Device: MBP
Emulated Device:NA

Test Artifact(s):

QA Steps

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

Resize browser
DIsable internet connection
Click search toggle
✅ AC1: Search box is aligned with flyout.

Screen Recording 2022-11-09 at 7.13.36 PM.mov.gif (956×912 px, 1 MB)

Test Result - Prod

Status: ✅ PASS
Environment: enwiki
OS: macOS Ventura
Browser: Chrome
Device: MBP
Emulated Device:NA

Test Artifact(s):

QA Steps

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

Resize browser
DIsable internet connection
Click search toggle
✅ AC1: Search box is aligned with flyout.

Screen Recording 2022-11-14 at 6.45.39 PM.mov.gif (956×992 px, 3 MB)

Edtadros updated the task description. (Show Details)Nov 15 2022, 2:48 AM

ovasileva closed this task as Resolved.Nov 15 2022, 4:35 PM

	F35779553: Screen Recording 2022-11-14 at 6.45.39 PM.mov.gif
	Nov 15 2022, 2:47 AM

	F35737530: Screen Recording 2022-11-09 at 7.13.36 PM.mov.gif
	Nov 10 2022, 3:15 AM

	F35545611: image.png
	Oct 3 2022, 8:03 PM

	F35545607: image.png
	Oct 3 2022, 8:01 PM

[Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutionsClosed, ResolvedPublic1 Estimated Story PointsBUG REPORTActions

Description

QA Results - Beta|Prod

QA Results - Beta|Prod

Details

Related ObjectsSearch...

Event Timeline

Test Result - Beta

QA Steps

Test Result - Prod

QA Steps

[Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT
Actions

Related Objects
Search...