# 在输入文本前选择高级搜索参数会导致搜索框重叠

**URL:** <https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221>\
**Category:** Bug\
**Created:** [2018年一月16日 22:15 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221 "2018-01-16T22:15:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
**Post date:** [2018年一月16日 22:15 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221/1 "2018-01-16T22:15:50Z")

</div>

While it’s not the “proper” way to go about performing an advanced search, some people may decide to specify their search parameters before they add their search words. When this is done, an overlap with the default text occurs. Choose any parameter before typing to repo:

 ![Untitled](https://global.discourse-cdn.com/meta/original/3X/9/4/9465721f58caa0f2e91e5e345ea6a67e6fc4e7d0.png)

Just a minor bug, but I thought it was worth bringing up.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2018年一月16日 23:35 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221/2 "2018-01-16T23:35:17Z")

</div>

What browser are you using here? Can not repro in Chrome.

```plaintext
<input type="text" placeholder="search topics, posts, users, or categories" id="ember4075" class="full-page-search input-xxlarge search no-blur ember-text-field ember-view">

```

Placeholder is not magic position absoluted here, it is applied via HTML standards so this is a lot confusing.

---

<div class="post-metadata">

**Author:** ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
**Post date:** [2018年一月16日 23:44 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221/3 "2018-01-16T23:44:59Z")

</div>

I noticed it on Safari 11.0.2. I apologize for not specifying and checking the other browsers first. It appears to work correctly on Chrome and Firefox.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2018年一月16日 23:47 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221/4 "2018-01-16T23:47:26Z")

</div>

Sounds to me like a Safari browser bug then. It sure has quirks.

---

<div class="post-metadata">

**Author:** ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
**Post date:** [2018年一月17日 00:04 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221/5 "2018-01-17T00:04:47Z")

</div>

Looks like it may have been an issue for a while and a fix is in the works:

> <https://stackoverflow.com/questions/39624902/new-input-placeholder-behavior-in-safari-10-no-longer-hides-on-change-via-java>

This can be closed as it does not appear to be a bug in Discourse 🙂

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2018年一月17日 00:10 UTC](https://meta.discourse.org/t/selecting-an-advanced-search-parameter-before-entering-text-causes-overlap-in-search-box/78221/6 "2018-01-17T00:10:03Z")

</div>