How to fix the WeChat applet input jitter problem

Find the problem

Let's look at the problem first. In the mini program, using Vant's Dialog component + mini program element input component, the placeholder text will shake when it pops up, that is, the initial position is slightly above, and then shakes to the correct position.

Problematic screen recording:

After trying, fix the problem:

This is how I fixed it:

.dialog-input,
.dialog-input-placeholder {
 height: 80rpx !important;
 display: flex;
 align-items: center;
}

The above is dedicated to friends who have encountered the same pit, and my almost whole day! 😭

Summarize

This is the end of this article about how to fix the WeChat Mini Program input jitter problem. For more related WeChat Mini Program input jitter content, please search for previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future!