Coder Social home page Coder Social logo

Comments (3)

siliconforks avatar siliconforks commented on June 26, 2024 1

It looks like that fixes the issue ... the only problem I see is that the close button has a background color now - you'll probably want to remove that.

from hovercraft.

jessuppi avatar jessuppi commented on June 26, 2024

Thanks @siliconforks

Yes the full screen search is causing major "click" conflicts, I wasn't sure why as I didn't dig into it yet. I'm going to try to change the default visibility as you suggest and see if that fixes it.

from hovercraft.

jessuppi avatar jessuppi commented on June 26, 2024

For now I removed the entire "reset" rules, this was part of the FOSS code that WP Beginner released:

/**
* Reset
* - Prevents Themes and other Plugins from applying their own styles to our full screen search
*/
#full-screen-search,
#full-screen-search button,
#full-screen-search button.close,
#full-screen-search form,
#full-screen-search form div,
#full-screen-search form div input,
#full-screen-search form div input.search {
    background:none;
    float:none;
    font-size:100%;
    height:auto;
    list-style:none;
    outline:none;
    position:static;
    text-decoration:none;
    text-indent:0;
    width:auto;
    visibility:visible;
    overflow:visible;
    margin:0;
    padding:0;
    line-height:1;
    transition: none;
}

Ref: https://wordpress.org/plugins/full-screen-search-overlay/

It seems to have fixed the issue for now. This is a theme-level search feature anyways, so we don't really need to worry so much about resetting CSS... however more optimization of the styling is still needed. Thanks!

Ref: 09efbd7

from hovercraft.

Related Issues (12)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.