Problem
The open-ended <input> / <textarea> fields render in a monospace font by default. Browsers apply their own default font to form controls (monospace for <textarea> in several browsers), and the library never overrides it.
Seen on the library page (/library).
Cause
.input / .textarea in src/components/Feedback/Feedback.module.scss set font-size and line-height but no font-family.src/styles/global.scss defines only color/spacing CSS variables — no font-family and no input, textarea { font: inherit } reset.
So form controls fall back to the UA default font.
Expected
Input/textarea use the same font as the rest of the widget. Either inherit the font on form controls (input, textarea, select { font: inherit }) and/or set a system font stack (system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) so nothing extra is loaded.
Problem
The open-ended
<input>/<textarea>fields render in a monospace font by default. Browsers apply their own default font to form controls (monospace for<textarea>in several browsers), and the library never overrides it.Seen on the library page (
/library).Cause
.input/.textareainsrc/components/Feedback/Feedback.module.scsssetfont-sizeandline-heightbut nofont-family.src/styles/global.scssdefines only color/spacing CSS variables — nofont-familyand noinput, textarea { font: inherit }reset.So form controls fall back to the UA default font.
Expected
Input/textarea use the same font as the rest of the widget. Either inherit the font on form controls (
input, textarea, select { font: inherit }) and/or set a system font stack (system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) so nothing extra is loaded.