1875357 - Highlight drop down in-content needs carot to point up to indicate close

Status: RESOLVED FIXED

(Firefox :: PDF Viewer, enhancement)

Description

[Ryan Casey]

Attachment: example of the in-content highlight color dropdown

Attach (recommended) or Link to PDF file here:

Steps to reproduce the problem:

1. Open Firefox
2. Open a pdf such as https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf
3. Select the highlight tool
4. Create a highlight in the document (text or free form)
5. Select the in-content highlight color drop down, select a different color
6. Close the highlight color dropdown

What is the expected behavior? (add screenshot)
Clicking outside the panel doesnt automatically close the drop-down. There is no visual affordance of how to close the highlight color dropdown.

What went wrong? (add screenshot)
I think we should change the state of the carot to point upward, to give affordance to the user that they need to click on that button to close the dropdown. I've updated the figma accordingly: https://www.figma.com/file/elSBKpUxHCZe6yTqoohUu9/PDF.js-Designs?type=design&node-id=4744%3A132861&mode=design&t=018vZ6Wi4a4TfsPR-1

Comment 1

[Ryan Casey]

Attachment: example of updated UI

Comment 2

[BMO Github Automation]

Attachment: [mozilla/pdf.js] [Editor] Change the arrow direction when the dropdown is visible in the color picker (bug 1875357) (#17534)