@akhilesh2310 wrote:
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>
Posts: 1
Participants: 1