#35321: Django Admin in Mobile Safari zooms in on text inputs
-------------------------------------+-------------------------------------
Reporter: Simon Willison | Owner: nobody
Type: Uncategorized | Status: new
Component: contrib.admin | Version: 5.0
Severity: Normal | Resolution:
Keywords: css, accessibility, | Triage Stage:
mobile | Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 1
-------------------------------------+-------------------------------------
Comment (by Simon Willison):
Here's where the font-size is set for those fields:
https://github.com/django/django/blob/6f7c0a4d66f36c59ae9eafa168b455e462d81901/django/contrib/admin/static/admin/css/responsive.css#L181-L196
It's set to font-size: 0.875rem as-of this change two years ago:
https://github.com/django/django/commit/1f42a352e04d2e63117f067a1432594ffbb6a8b4
- which changed it from the previous font-size of 14px (still small enough
to cause a zoom on Mobile Safari) to using rem values instead.
I believe 1rem would be the equivalent of 16px.
Here's the issue where px was swapped out for rem, to ensure browser font
sizing worked correctly: https://code.djangoproject.com/ticket/33434
--
Ticket URL: <https://code.djangoproject.com/ticket/35321#comment:1>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/0107018e5ecb9d70-12c82aee-6d95-4b50-a043-5095205f55c2-000000%40eu-central-1.amazonses.com.
