Confirmed users
104
edits
Tantek-Mozilla-Projects: Difference between revisions
Jump to navigation
Jump to search
→CSS4 UI
(→CSS4 UI: more overflow extensions) |
|||
| Line 303: | Line 303: | ||
*** CSS portions of [[Gecko:FullScreenAPI]], e.g. the new pseudo-classes | *** CSS portions of [[Gecko:FullScreenAPI]], e.g. the new pseudo-classes | ||
*** <span id="new-resize-values">new 'resize' values</span> - e.g. '''grow-vertical''', '''grow-horizontal''' | *** <span id="new-resize-values">new 'resize' values</span> - e.g. '''grow-vertical''', '''grow-horizontal''' | ||
**** Facebook uses some JS to add rows to text areas when you hit the end of the available space. It feels nicer than a scrollbar because you can see all of what you typed -- the height of the text area just grows and grows as you need it. It would be great to have 'resize' property values that allow the browser to auto-grow a textarea as a user enters data, e.g. 'grow-horizontal', 'grow-vertical'. 'grow-vertical' would emulate the current behavior that FB does with JS. | **** Facebook uses some JS to add rows to text areas when you hit the end of the available space. It feels nicer than a scrollbar because you can see all of what you typed -- the height of the text area just grows and grows as you need it. It would be great to have 'resize' property values that allow the browser to auto-grow a textarea as a user enters data, e.g. 'grow-horizontal', 'grow-vertical'. 'grow-vertical' would emulate the current behavior that FB does with JS. (note from fantasai - this is the behavior you'd get with fixed min-height and auto height, so CSS can do this already if HTML doesn't get in the way) | ||
**** Update 2011-032: [http://twitter.com/LeaVerou/status/32642516146724866 @LeaVerou requested] "elastic textarea effect with pure CSS" [http://twitter.com/LeaVerou/status/32651575688175616 and follow-up]: "mostly about height, not width" which sounds like resize:grow-vertical. There's also mention of "-moz-available" (need to research that and link it up). | **** Update 2011-032: [http://twitter.com/LeaVerou/status/32642516146724866 @LeaVerou requested] "elastic textarea effect with pure CSS" [http://twitter.com/LeaVerou/status/32651575688175616 and follow-up]: "mostly about height, not width" which sounds like resize:grow-vertical. There's also mention of "-moz-available" (need to research that and link it up). | ||
** forward reaching properties/values to enable native-like interfaces | ** forward reaching properties/values to enable native-like interfaces | ||