Skip to content

Dark theme: double magnifying glass on iOS #118

Description

@m-aciek

Big thank you for the work on dark theme (#44), I love the changes. I found minor bug while testing the updated styles on different devices.

On iOS, in both Chrome and Safari there's double magnifier glass shown near to the search box.

iOS 16.3.1, (Chrome 111.0.5563.72)
cc @septatrix

Activity

  1. septatrix commented on Mar 21, 2023

    @septatrix
    Contributor

    It is probably one of the following pseudo elements, if I were to guess probably the first:

    input[type="search"]::-webkit-search-decoration
    input[type="search"]::-webkit-search-cancel-button
    input[type="search"]::-webkit-search-results-button
    input[type="search"]::-webkit-search-results-decoration

    It should be possible to hide it by applying a display: none; to the respective element. Or we could remove the search icon added by ourselves (how it is currently in the desktop search bar) and leave safari alone. Depends on what most people prefer.

  2. m-aciek commented on Mar 22, 2023

    @m-aciek
    ContributorAuthor

    My intuitional preference would be to just hide the browser-native icon to maintain the same interface across different machines.

  3. StanFromIreland commented on Sep 17, 2025

    @StanFromIreland
    Member

    I cannot reproduce on iOS:

    Image Image
  4. m-aciek commented on Sep 18, 2025

    @m-aciek
    ContributorAuthor

    I also cannot reproduce it today. Let's close it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions