bug: scroll assist activates in playground iframes

Open
#3,416 10 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Domain
frontend

Research direction

Start with the reproduction at https://ionicframework.com/docs/api/input and inspect how scroll assist behaves when an input inside a playground iframe receives focus. Verify the result in the emulated Chrome device and on Android; done means focusing the input does not push the content up or leave extra space.

Written by the indexing model from the issue text.

Description

bug
Prerequisites
Ionic Framework Version

v7.x

Current Behavior

Content is pushed up on input focus on emulated chrome device

UPDATE: It happens on Android too, the extra space is also present when the Android native keyboard is pushed up

Expected Behavior

Don't move

Steps to Reproduce

If you go to the oficial documentation and turn on the device toolbar and focus an input, the content is pushed up

Without focus:
Screenshot 2024-01-13 at 11 58 52

With focus:
Screenshot 2024-01-13 at 11 59 01

Code Reproduction URL

https://ionicframework.com/docs/api/input

Ionic Info

Same as in the docs, I'm personally having the same issue on "@ionic/vue": "^7.6.3",

Additional Information

I'm migrating from 6.x to 7.x, 6.x was fine.

Dominant language
MDX
Stars
621
Forks
3.2k
Avg merge
1d 2h
Merged PRs (30d)
86

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from ionic-team/ionic-docs

All issues in ionic-team/ionic-docs

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.