How to prevent hidden element to be shown when focused in Chrome?
Use tabindex="-1" on your "inner-button". That will prevent focus.http://jsfiddle.net/GHgtc/2/
<input placeholder="focus on me then press tab" type="text"><div id="container"> <a id="inner-button" tabindex="-1" href="#">You can see me !</a></div>UPDATE:
I realized there is another possible solution to your issue while working on some focus issue of my own. You can use z-index:-1 if the focus you need is to be triggered later via javascript event.
#inner-button{ display: block; background: red; width: 20px; height: 20px; position: absolute; top: 5px; right: -20px; z-index:-1;}That will keep it focusable but hidden. And you can make it visible back with z-index:0 dynamically.