1659639 - [Win] Bing TAB selection causes search bar and icon to jump on the first selection

Status: REOPENED

(Web Compatibility :: Desktop, defect)

Description

[Cristian Fogel, QA [:cfogel]]

Attachment: bingme.gif

Affected versions

• 80.0, 81.0a1(2020-08-16)

Affected platforms

• Windows 10;

Steps to reproduce

1. Launch Firefox, access https://www.bing.com/
2. Pres and hold the TAB key for a couple of seconds;

Expected result

• TAB-select goes through all indexed elements;

Actual result

• inside the page, the search bar and search icon jump around the very first times they get selected;

Regression range

• will check and provide one asap; setting up keywords until then;

Additional notes

• attached GIF with the issue;
• S4 as suggested severity since it's pretty much an edge case with minimal impact;

Comment 1

[Mike Taylor [:miketaylr]]

This does not reproduce on macOS.

Comment 2

[Cristian Fogel, QA [:cfogel]]

Not a regression, managed to reproduce on older builds as well such as from 2015.
Updating the 82 field since 82.0a1 (2020-09-20) is still affected.

Comment 3

[Oana Arbuzov [:oanaarbuzov]]

I can reproduce, but not a jump, I see the "Search" field icons being resized (getting cropped on the upper side) .
https://prnt.sc/w41iur

Affected area:

<form data-h="ID=HpApp,21474.1" class="sb_form hassbi hasmic" id="sb_form" action="/search">
	<input id="sb_form_q" class="sb_form_q" name="q" type="search" maxlength="1000" autocomplete="off" aria-label="Enter your search term" autofocus="" aria-controls="sw_as" aria-autocomplete="both" aria-owns="sw_as">
		<div class="mic_cont icon">
			<div class="b_icon tooltip" role="button" tabindex="0" aria-label="Search using voice" data-sbtipx="Search using voice" data-tooltip="Search using voice">
				<svg viewBox="0 0 20 20">
					<path d="m0 0h20v20h-20z" fill="none"></path>
					<path class="icon_path" d="m16.379 11.694c-.458-.194-.983-.019-1.241.406-.252.416-.553.8-.895 1.142-.544.543-1.191.983-1.908 1.286-.717.304-1.504.472-2.335.472s-1.618-.168-2.335-.471-1.364-.743-1.908-1.286c-.342-.343-.644-.726-.895-1.142-.257-.425-.783-.6-1.24-.407-.552.233-.793.906-.484 1.42.338.563.744 1.081 1.205 1.543.723.722 1.584 1.308 2.542 1.714.664.28 1.375.467 2.115.56v2.069c0 .552.448 1 1 1s1-.448 1-1v-2.069c.74-.093 1.451-.279 2.114-.559h.001c.958-.406 1.819-.991 2.542-1.713l.001-.001c.461-.462.866-.979 1.205-1.542.308-.516.068-1.188-.484-1.422zm-6.379 1.306c2.209 0 4-1.791 4-4v-5c0-2.209-1.791-4-4-4s-4 1.791-4 4v5c0 2.209 1.791 4 4 4zm-2-9c0-1.103.897-2 2-2s2 .897 2 2v5c0 1.103-.897 2-2 2s-2-.897-2-2z"></path>
				</svg>
			</div>
		</div>
		<div class="camera icon " style="display: block;">
			<div id="sbiarea" data-priority="2" data-idprefix="sb" data-ptn="Homepage">
				<div id="sb_sbip" data-sbtip="Search using an image" data-lgdgevt="0" class="">
					<div id="sb_sbi" tabindex="0" role="button" data-scrtl="1" aria-label="Search using an image" aria-expanded="false" hsevt="1">
						<img calleranswer="MultimediaComponents" id="sbi_b" class=" rms_img" role="none" src="/rp/XvRHqJwJt19aXQca73hQTfvNMxk.svg" width="24" height="24">
						</div>
					</div>
					<div id="sbicom">
<!--cut out-->
</form>

Note: This behavior is not encountered on Chrome 87.0.4280.88

Tested with:
Browser / Version: Firefox Nightly 86.0a1 (2020-12-16)
Operating System: Windows 10 Pro