In #925350: Vertical tabs broken → , the following markup was added to solve the issues therein:
/**
* Prevent text inputs from overflowing when container is too narrow. "width" is
* applied to override hardcoded cols or size attributes and used in conjunction
* with "box-sizing" to prevent box model issues from occurring in most browsers.
*/
.vertical-tabs .form-type-textfield input {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
Doing so makes setting the #size FAPI key pointless, even if that's what a module author wants. In addition, it makes #field_prefix and #field_suffix pointless, as it results in the display problems exhibited in the attached picture.
This is a pretty big Drupal WTF and a FAPI regression. If one sets specific FAPI keys, Drupal core should honor them, not override them with CSS.
Closed: outdated
11.0 🔥
After being applied to the 8.x branch, it should be considered for backport to the 7.x branch. Note: This tag should generally remain even after the backport has been written, approved, and committed.
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
There has been no discussion here since 2015, and work on the patch ended in 2011. The block of code in the Issue Summary was removed from core on Wed May 1 18:43:20 2013 in #1978036: Clean up css in vertical tabs → . Based on that I am closing this issue as outdated.