Bugzilla

(In reply to Marco Bonardo [:mak] from comment #10)
> Created attachment 9285152 [details]
> sshot.png
> 
> I was testing on Win10, and for me the option to just increase text size seems to make the UI behave appropriately.

Microsoft somewhat recently changed this so that increasing the text size is just another way of DPI scaling. That said, considering Microsoft's history with these sort of settings, there might still be a setting hidden somewhere to get the old behavior.

Where the OS doesn't support text scaling, you can emulate this manually e.g. this way:

```
diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css
--- a/browser/themes/shared/urlbar-searchbar.css
+++ b/browser/themes/shared/urlbar-searchbar.css
@@ -16,16 +16,17 @@
   :root {
     --toolbar-field-border-color: transparent;
     --toolbar-field-focus-border-color: color-mix(in srgb, var(--focus-outline-color) 50%, transparent);
   }
 }
 
 #urlbar-container,
 #search-container {
+  font-size: 1.6em;
   padding-block: 4px;
   margin-inline: var(--urlbar-margin-inline);
 }
 
 #search-container[cui-areatype="panel"] {
   margin: var(--arrowpanel-menuitem-margin);
 }
```

(In reply to Marco Bonardo [:mak] from comment #10)
> Created attachment 9285152 [details]
> sshot.png
> 
> I was testing on Win10, and for me the option to just increase text size seems to make the UI behave appropriately.

~~Microsoft somewhat recently changed this so that increasing the text size is just another way of DPI scaling. That said, considering Microsoft's history with these sort of settings, there might still be a setting hidden somewhere to get the old behavior.~~ This is Firefox treating the Windows setting this way as of bug 1773342.

Where the OS doesn't support text scaling, you can emulate this manually e.g. this way:

```
diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css
--- a/browser/themes/shared/urlbar-searchbar.css
+++ b/browser/themes/shared/urlbar-searchbar.css
@@ -16,16 +16,17 @@
   :root {
     --toolbar-field-border-color: transparent;
     --toolbar-field-focus-border-color: color-mix(in srgb, var(--focus-outline-color) 50%, transparent);
   }
 }
 
 #urlbar-container,
 #search-container {
+  font-size: 1.6em;
   padding-block: 4px;
   margin-inline: var(--urlbar-margin-inline);
 }
 
 #search-container[cui-areatype="panel"] {
   margin: var(--arrowpanel-menuitem-margin);
 }
```