Custom CSS to allow chrome textarea resize smaller than initial state?

by

These “min-height/min-width” rely on cols and rows attributes.
Eg. if cols is missing or less than 1, its default value is 20, so the minimum width will be 20 characters width.

(cf. http://www.w3.org/TR/html5/forms.html#the-textarea-element)

The fact you cannot resize a textarea under its initial dimensions is reported as a bug (https://code.google.com/p/chromium/issues/detail?id=94583) although

The user agent may restrict the resizing range to something suitable, such as between the original formatted size of the element, and large enough to encompass all the element’s contents.

http://www.w3.org/TR/css3-ui/#resize

Unfortunately it seems there’s no way for now to change this behaviour.

More Related Contents:

  1. How do I auto-hide placeholder text upon focus using css or jquery?
  2. auto resize text (font size) when resizing window?
  3. Google Chrome viewport-anchored expand direction with flexbox
  4. jQuery Adding new option to select element doesn't pick up the string [closed]
  5. Add Content to webpage using only CSS
  6. anchor click doesn’t open the modal
  7. What will be selector for multi class HTML element in CSS or JQuery?
  8. CSS Trouble adding border
  9. Click event on select option element in chrome
  10. jQuery change class name
  11. Auto-scaling input[type=text] to width of value?
  12. Bind event to right mouse click
  13. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  14. Find text string in jQuery and make it bold
  15. Auto resizing the SELECT element according to selected OPTION’s width
  16. Can I change the scroll speed using css or jQuery?
  17. How to make a hover effect for pseudo elements?
  18. expand/collapse table rows with JQuery
  19. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  20. Check, using jQuery, if an element is ‘display:none’ or block on click
  21. Creating a hole in a element
  22. CORS request – why are the cookies not sent?
  23. jQuery Animation – Smooth Size Transition
  24. Selecting text on focus using jQuery not working in Safari and Chrome
  25. Apply CSS to jQuery Dialog Buttons
  26. CSS issue on Twitter Typeahead with Bootstrap 3
  27. Use jQuery to Detect Container Overflow?
  28. JQuery search in static HTML page with highlighting of found word
  29. The .fadeOut() method to use visibility property instead of display property
  30. Bootstrap Carousel showing next and previous image

Leave a Comment