Textarea Not scrolling after content is entered more than max-height of textarea


#1

Issue 1: I implemented reply comment feature to the footer of ionic modal and also using monospaced.elastic module to make it auto resize. But when I enter more text than the max- height of textarea it does not scroll up and down.

Issue 2: I have images in reply and when images are at nested level inside ionic modal, also I am not able to scroll over touching images.

Issue 3: I have reply preview div when I type some text with markdown feature I toggle view to see preview in footer but again I can not scroll that preview div also.

Below is the code snippet that is used inside ionic modal footer bar.

<ion-footer-bar ng-show="display_comment_input" class="bar-reply-textarea bar bar-footer" keyboard-attach>
    <section class="commentsOut reply-textarea" ng-class="{'replyuserAdded':replyUsername}">
        <div class="item itemCust item-input item-stacked-label">
            <i class="leftPic">
                <span class="noImg mdi mdi-account"></span>
                <img alt=""
                     ng-click="util_functions.showImagePreview(user_avatar)"
                     ng-if="user_avatar && user_avatar !== 'null' && user_avatar !== 'undefined'"
                     ng-src="{{user_avatar + '?type=' + imageSizeTypeTiny + '&fit=true'}}">
            </i>
            <div class="reply-enter" ng-hide="display_reply_preview">
                <span class="replyuser" ng-if="replyUsername">@{{replyUsername}}</span>
                <textarea data-tap-disabled="true" focus-me="replyTextAreaFocus" msd-elastic ng-trim="false" type="text" ng-model="comment_data.comment" 
                          ng-if="postPermissions.can_create_post"
                          placeholder="Write a reply..."></textarea>
                <textarea data-tap-disabled="true" focus-me="replyTextAreaFocus" msd-elastic ng-trim="false" type="text" ng-model="comment_data.comment"
                          ng-if="!postPermissions.can_create_post"
                          placeholder="Reply to author..."></textarea>
            </div>
            <div class="reply-preview" ng-show="display_reply_preview" data-tap-disabled="true">
                <div  text-markdown="comment_data.comment" class="no-wrap-markdown"></div>
            </div>
            <a class="button button-icon icon mdi mdi-camera actBtns" ng-class="{'positive':comment_data.img}" 
               ng-click="post_functions.selectImageTypeReply()"></a>
            
            <a class="btn-markdownhelp button-small-styled button-small padding-right icon mdi mdi-help-circle" 
               ng-click="openMarkdownHelp()"></a>
            
            <a class="btn-markdownhelp button-small-styled button-small padding-right icon mdi mdi-eye"
               ng-class="{'mdi-eye-off':display_reply_preview, 'mdi-eye':!display_reply_preview}"
               ng-if="comment_data.comment"
               ng-click="toggaleReplyPreview();"></a>               
            <button class="button button-small pull-right button-positive button-clear"
                    ng-click="post_functions.sendComment('POST_COMMENT')">SUBMIT</button>
            <button class="button button-small pull-right button-positive button-dark button-clear"
                    ng-if="comment_data.parent_id || comment_data.img || comment_data.comment"
                    ng-click="cancelCommentReplyInline()">CANCEL</button>
        </div>
    </section>
</ion-footer-bar>