Simplify your online presence. Elevate your brand.

Ionic Bug Content Scroll Issue When Textareas Are Focused

Ionic Scroll Problem Ionic V1 Ionic Forum
Ionic Scroll Problem Ionic V1 Ionic Forum

Ionic Scroll Problem Ionic V1 Ionic Forum I would like to try to help create a test for this issue, but not sure where the best place would be. looking at the scrollview.unit.js, it seems like the place to start, but this is a relatively difficult condition to test. So i have been struggling to work around a bug in ionic that causes erratic scrolling when a users has a textarea focused on and then tries to scroll the page content, not the textarea.

Cant Scroll Content Using Ion Toggle Ionic 7 Ionic Vue Ionic Forum
Cant Scroll Content Using Ion Toggle Ionic 7 Ionic Vue Ionic Forum

Cant Scroll Content Using Ion Toggle Ionic 7 Ionic Vue Ionic Forum Ionic bug content scroll issue when textareas are focused. Remove the class="scroll" from the div container, scroll="true" from ion content and add overflow scroll="true" . the required classes will be added by ionic on the elements. This issue does not happen when tapping directly on the text. it only occurs when tapping the empty padding area inside the textarea. expected behavior the view should scroll to keep the cursor in view, especially if the user taps near the last lines of a long text. steps to reproduce. In ionic, when a textarea is in focus, ion scroll is prevented from scrolling. this stops the user from scrolling to other areas of the view and sometimes the whole body scrolls which hides the navigation (possible bug).

Ionic 4 Keyboard Scroll View When Ion Input Is Focused Ionic
Ionic 4 Keyboard Scroll View When Ion Input Is Focused Ionic

Ionic 4 Keyboard Scroll View When Ion Input Is Focused Ionic This issue does not happen when tapping directly on the text. it only occurs when tapping the empty padding area inside the textarea. expected behavior the view should scroll to keep the cursor in view, especially if the user taps near the last lines of a long text. steps to reproduce. In ionic, when a textarea is in focus, ion scroll is prevented from scrolling. this stops the user from scrolling to other areas of the view and sometimes the whole body scrolls which hides the navigation (possible bug). This issue is being locked to prevent comments that are not relevant to the original issue. if this is still an issue with the latest version of ionic, please create a new issue and ensure the template is fully filled out. A vertical scrollbar appears when the textarea contains more text than the vertical available space. the user can scroll inside the textarea using the scroll wheel or scrollbar. Put your cursor in the ion search bar and scroll the content area. as you hit the bottom of the list, notice that the list continues to scroll and leaves a large padding at the bottom of ion content. in some cases all items may be obscured from view.

Ionic 4 Keyboard Scroll View When Ion Input Is Focused Ionic
Ionic 4 Keyboard Scroll View When Ion Input Is Focused Ionic

Ionic 4 Keyboard Scroll View When Ion Input Is Focused Ionic This issue is being locked to prevent comments that are not relevant to the original issue. if this is still an issue with the latest version of ionic, please create a new issue and ensure the template is fully filled out. A vertical scrollbar appears when the textarea contains more text than the vertical available space. the user can scroll inside the textarea using the scroll wheel or scrollbar. Put your cursor in the ion search bar and scroll the content area. as you hit the bottom of the list, notice that the list continues to scroll and leaves a large padding at the bottom of ion content. in some cases all items may be obscured from view.

Ionic Bug Checking Ionic V1 Ionic Forum
Ionic Bug Checking Ionic V1 Ionic Forum

Ionic Bug Checking Ionic V1 Ionic Forum Put your cursor in the ion search bar and scroll the content area. as you hit the bottom of the list, notice that the list continues to scroll and leaves a large padding at the bottom of ion content. in some cases all items may be obscured from view.

Comments are closed.