1844911 - Options in <datalist> for input type="text" not highlighted when selected/hovered over in Thunderbird extension popup

Status: RESOLVED FIXED

(Thunderbird :: Add-Ons: Extensions API, defect)

Description

[jhh]

Attachment: popup.html

Steps to reproduce:

Created a thunderbird extension with a text input field whose values could be selected from options specified by a <datalist>.

Actual results:

When pressing arrow down in the text input field, the options are shown but the currently selected one (or the one currently being hovered over) are not highlighted: no visual cue is given which is the currently selected option.

Expected results:

The currently selected or how red over option should be highlighted, like options in a <select>

Comment 1

[John Bieling]

Attachment: popup.JPG

Comment 2

[John Bieling]

Attachment: action-popup.jpg

Comment 3

[John Bieling]

I cannot confirm this on Windows with Thunderbird 115.8.0.

I attached two screenshots, one for an action popup and one for a popup window, and the selected entry changes when pressing up/down arrows keys.

What is your environment? Can you still reproduce this with 115.8.0?

Comment 4

[jhh]

I'm on MacOS and TB 115.8.0 and for me the bug still exist. Did you create the popup elements with a <datalist>?

Comment 5

[John Bieling]

I was using your popup.html. That should be sufficient to reproduce the issue, right?

Can you state your exact version of MacOS?

Comment 6

[jhh]

Yes it should. I am on MacOS 14.2.1 (Sonoma).

Comment 7

[John Bieling]

Attachment: 1844911.xpi

Reproducer add-on for review.

Comment 8

[John Bieling]

Attachment: Bug 1844911 - Fix CSS for checked menuitem on MacOS. r=#thunderbird-front-end-reviewers

MacOS seems to use the checked attribute instead of the selected attribute for
menu items. This patch extends the existing CSS rule to act on both. It also loads
the icons.css and colors.css into the extension popup.

Comment 9

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/comm-central/rev/00fed70cf1ff
Fix CSS for checked menuitem on MacOS. r=aleca,micahilbery