From: David Yip <yipdw@member.fsf.org>
Date: Thu, 19 Oct 2017 15:59:50 +0000 (-0500)
Subject: Make the compose area optionally scrollable.
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=9423553e5cbf49d1090adce9d525028c26e30133;p=mastodon.git

Make the compose area optionally scrollable.

On desktop, the compose text box grows to accommodate the content.  On
mobile, the text box does not grow to accommodate text context, but does
grow to accommodate images.  It is possible in both cases to overflow
the available area, which makes accessing other UI elements (e.g.
visibility setttings) difficult.

This commit makes the compose area optionally scrollable, which allows
those UI elements to remain available even if they go off-screen.
---

diff --git a/app/javascript/mastodon/features/compose/index.js b/app/javascript/mastodon/features/compose/index.js
index 41a97d550..a487f2c89 100644
--- a/app/javascript/mastodon/features/compose/index.js
+++ b/app/javascript/mastodon/features/compose/index.js
@@ -105,7 +105,7 @@ export default class Compose extends React.PureComponent {
         <SearchContainer />
 
         <div className='drawer__pager'>
-          <div className='drawer__inner' onFocus={this.onFocus}>
+          <div className='drawer__inner scrollable optionally-scrollable' onFocus={this.onFocus}>
             <NavigationContainer onClose={this.onBlur} />
             <ComposeFormContainer />
           </div>