Bug 491137

Summary:	Firefox's {"browser.display.use_document_fonts": 0} causes overlap of labels for replaced icons in search bar.
Product:	[Websites] www.kde.org	Reporter:	Roke Julian Lockhart Beedell <4wy78uwh>
Component:	general	Assignee:	kde-www mailing-list <kde-www>
Status:	REPORTED ---
Severity:	minor
Priority:	NOR
Version First Reported In:	unspecified
Target Milestone:	---
Platform:	Fedora RPMs
OS:	Linux
URL:	https://develop.kde.org./docs/plasma/#
Latest Commit:		Version Fixed/Implemented In:
Sentry Crash Report:
Attachments:	Screenshot of the problem at https://develop.kde.org./docs/plasma/#. The page content.

Description Roke Julian Lockhart Beedell 2024-08-01 18:20:02 UTC

Created attachment 172191 [details]
Screenshot of the problem at https://develop.kde.org./docs/plasma/#.

SUMMARY
Firefox exposes the accessibility preference "Allow pages to choose their own fonts, instead of your selections above" via about:preferences#general.

STEPS TO REPRODUCE
1. Set `{"browser.display.use_document_fonts": 0}` in `config.json` (or about:config).
2. Visit https://develop.kde.org./docs/plasma/#.

OBSERVED RESULT
The search icon's fallback label in the search bar overlaps the hint text.

EXPECTED RESULT
It shouldn't, especially because it shouldn't be reverting to a text label, even if the icons happen to be served by a font. SVG icons would remediate this.

SOFTWARE/OS VERSIONS
Operating System: Fedora Linux 40
KDE Plasma Version: 6.1.3
KDE Frameworks Version: 6.4.0
Qt Version: 6.7.2
Kernel Version: 6.9.12-200.fc40.x86_64 (64-bit)
Graphics Platform: Wayland
Processors: 12 × AMD Ryzen 5 7600X 6-Core Processor
Memory: 30.5 GiB of RAM
Graphics Processor: AMD Radeon RX 5700
Manufacturer: ASRock
Product Name: X670E Taichi

Comment 1 Roke Julian Lockhart Beedell 2024-08-01 18:21:14 UTC

Created attachment 172192 [details]
The page content.

Note that this shan't display incorrectly unless the reproduction steps are adhered to. It's been submitted merely in case the referenced URI becomes unavailable in the future.