[wp-trac] [WordPress Trac] #52083: Twenty Twenty-One: Input fields do not have a max-width by default

[WordPress Trac]

#52083: Twenty Twenty-One: Input fields do not have a max-width by default
---------------------------+-----------------------------
 Reporter:  kjellr         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:  css            |
---------------------------+-----------------------------
 In Twenty Twenty-One, input text fields do not have a default width by
 default. This means they can easily extend beyond the width of the
 viewport.

 They do inherit this global rule:

 {{{
 header *,
 main *,
 footer * {
         max-width: var(--global--spacing-measure);
 }
 }}}

 ... but that `--global--spacing-measure` variable is undefined so it has
 no effect.

 By contrast, the theme does provide a `width` value of `100%` for
 `textarea`s, so the problem does not exist for those:

 [[Image(https://cldup.com/15ffziP1eo.png)]]


 ----

 Tested with Twenty Twenty-One 1.0
 WordPress 5.6

 Originally reported in the support forums:
 https://wordpress.org/support/topic/form-input-fields-fixed-width/

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52083>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform