Ionic input and textarea focus issue while they are placed inside nested level div

Hi Everyone,

I have designed a form that has all ionic input components. For example any FEEDBACK FORM. User will submit the feedback by filling the form available in app.

So in this form I used inline, stacked, date, radio, select, textarea and all different type of components provided by ionic. When user select any option from dropdown we display nested questions based on choice. Each choices has new set of questions.

  1. Issue is when your tap on textarea or input field it stays behind keyboard. It does not scroll up into visible area to see what I am typing in. This issue occurs only when questions are displayed in nested level.

  2. Same issue happens in autocomplete-alt component. This issue occurs when questions are in both in nested and top level.

  3. Same issue happens in tags input component. This issue occurs when questions are in both in nested and top level.