2.0.0-beta.49 default theme issue on iPad

[hschaefer123]

Description

Hi, using vuepress search on iPad, the search input field two times shows a magnifier icon.

The large first one is ok, but the second one is maybe comming from an input type (or something like this).

see https://btp.udina.de

Regards Holger

Reproduction

open on iPad

Used Package Manager

npm

System Info

not needed

[Mister-Hope]

I do not have any apple pcs, so it’s hard for me to debug safari, any suggestions How to fix this? at least chrome is working

[hschaefer123]

Hi, just figured it out.

Using .vuepress/styles/index.scss with

input[type="search"] {
  -webkit-appearance: none;
}

is working fine for me (tested on iPhone and iPad).

I think browser default apperance is 'auto' which leads to the apple rendering off a magnifier icon.

BTW: would be great to get a tip concerning my DeepLink question (started a discussion for it), to bring me into the right directtion.

Best Regards Holger

P.S. Thanks for your work and the great product!