[wp-trac] [WordPress Trac] #21916: Twenty Eleven: Respond Form (input and textarea)

[WordPress Trac]

#21916: Twenty Eleven: Respond Form (input and textarea)
-------------------------------+--------------------------
 Reporter:  emiluzelac         |       Type:  defect (bug)
   Status:  new                |   Priority:  normal
Milestone:  Awaiting Review    |  Component:  Themes
  Version:  3.4.2              |   Severity:  normal
 Keywords:  reporter-feedback  |
-------------------------------+--------------------------
 Before submission I tried looking around and could not find anything
 related, that's why I am creating a ticket.
 In case that somehow this was overlooked, I apologize and feel free to
 close.

 Anyways, don't know commands to submit a patch so here's my report:

 Respond form is set to 96% and that's good on desktops, however it's not
 on smaller screens such as
 < 768


 {{{
 #respond form input[type="text"],
 #respond form textarea {
     width:96%;
 }
 }}}

 Right side of the textarea is cut-off, including the inputs.

 Changing width to at least 92% would fix this in all screens, including
 the 240.

 {{{
 #respond form input[type="text"],
 #respond form textarea {
     width:92%;
 }
 }}}

 But this was kind of lame, so here's what I ended up with: (final
 recommendation)

 {{{
 #respond form input[type="text"],
 #respond form textarea {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width:100%;
 }
 }}}

 In case that this was already fixed and if you guys didn't include box-
 sizing, I would highly recommended.

 Mac OS X with the latest version of Chrome.

 P.S. [http://paulirish.com/2012/box-sizing-border-box-ftw/ FYI] I doubt,
 but in case that anyone needs more details.

 Thanks,
 Emil

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/21916>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software