height


how to auto-adjust App.js textarea height to fill the remainder of screen?


Might anyone have any idea how to auto-adjust the height of textarea to fill the rest of the space vertically? The easy way is to hard code the style of textarea with height: 300px or something but that is hardly a workable solution in production.
Here is the of my html. Thanks
<body>
<div class="app-page" data-page="home">
<div class="app-topbar">
<div class="app-title">Mobile Email Client</div>
</div>
<div class="app-content">
<div class="app-section">
<div class="app-button" data-target="emailEditor">Compose Email</div>
</div>
</div>
</div>
<div class="app-page" data-page="emailEditor">
<div class="app-topbar">
<div class="app-title"><span class="app-icon"></span>Email Editor</div>
<div class="left app-button" data-back>QUIT</div>
</div>
<div class="app-content">
<div class="app-section" id="editorStatus"></div>
<div class="app-section">
<input class="app-input" id="emailFrom" placeholder="From">
</div>
<div class="app-section">
<input class="app-input" id="emailTo" placeholder="To">
</div>
<div class="app-section">
<input class="app-input" id="emailSubject" placeholder="Subject">
<textarea class="app-input" id="emailMessage" placeholder="Message" rows="10"></textarea>
<div class="app-button green app-submit" id="emailSend">Send</div>
</div>
</div>
</div>
In App.js apparently setting rows="10" attribute for <textarea> is not enough. The <textarea> must also be given a CSS height: auto;
This still does NOT enable you to fill the remainder of the screen dynamically for any sized screens.

Related Links

I want amplitude of Q waves in QRS complex. For R and S, I found them
Falling Object Initial Value
Subliem text3 AutoFileName: How to change it, that it will add width and heigth attributes in Sublieme text 3
Finding the Table height and Width in Word Document
FontForge how to get height of contour in script
how to set another elemtnt's height based on slider height in this context
Classic asp control character height in dropdown
Auto adjust row height to max height value
How to calculate Height of any control which is loaded in DataTemplate?
Xamarin Forms - Get the size of an AbsoluteLayout
Amcharts : small (sometimes 0px) chart height on page load (in default tab)
Spacing between 2 lines HTML/ PHP and CSS
How to change embedly height
Cell/Row heightand vertical align in PhpWord
How to make 2 divs to fill 100% viewport height
Script to remove element while clientHeight < “size”

Categories

HOME
rest
blockchain
wildcard
translation
wxwidgets
cocos2d-x-3.0
parse-server
ios10
tizen-wearable-sdk
click
uiactivityviewcontroller
powershell-v3.0
android-source
uiscrollview
medium-editor
derived
atlassian-plugin-sdk
ios10.3
multicore
jni
tarantool
delete-file
sumo
bus-error
widevine
i3
configure
pep8-assembly
idl
precedence
jquery-cycle2
color-scheme
parse-android-sdk
issue-tracking
image-compression
delphi-10.1-berlin
bayesian-networks
tripwire
pdftk
range-v3
chunked-encoding
jags
pluck
volume
instruction-set
iphone-developer-program
opencpu
festival
restivejs
pspice
rmongodb
pydio
bacnet
emokit
yoothemes
handlebars.java
anythingslider
getrusage
file-diffs
affix
visual-studio-code
xjc
subversion-edge
sqoop2
python-ggplot
activity-streams
symfony-2.6
cpu-speed
cocoascript
temp-tables
tcpreplay
qtestlib
hidden-field
spdy
sim900
real-time-updates
jqmobi
ruboto
html-form-post
client-side-scripting
digital-design
graph-coloring
prng
pascals-triangle
wpdb
pitch
usn
macruby
expression-evaluation
nemerle
pivotal-crm
carbide
sitemappath
external-assemblies
hmacsha1
handheld
document-library

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App