Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Visibly hidden input not rendering text

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #45012
    Mottie
    Member

    I have a fork of Christian Bach’s tablesorter on Github and I added a filter widget with a row of search inputs that can be made to hide until hovered over or one of the search inputs gets focus ([demo](http://mottie.github.io/tablesorter/docs/example-widget-filter.html#demo)) (hover over the grey bar below the table header).

    Just recently, I noticed that Chrome (not sure about Safari) doesn’t render the text inside of these previously hidden search inputs. I will probably update the plugin today or tomorrow, so the above demo may not have the hidden filters enabled – then check out this jsFiddle of the problem: http://jsfiddle.net/Mottie/Mjbab/1/

    **What I’d like to get help with is finding a work-around using css and/or javascript to make the text visible.**

    My only requirements are that the input has to become visible when the row is hovered, or the input gets focused. And, the reason `display:none` can not be used in this case is because the input can not be tabbed into when completely hidden, but it can be when it is set to `visibility : hidden`. I think this is only a problem with search type inputs, but I’d like to keep them as search inputs because of the “x” that clears the entry, but I’ll give that up if it’s my only solution.

    Thanks

    #136524
    wolfcry911
    Participant

    Works for me in FF, Chrome and Safari on Mac OS X

    #136526
    unasAquila
    Participant

    Windows 7 – Chrome 26 and i can see the text in the inputs.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.