One of my buttons is display: none on initial page load and becomes visible
after a user action. On Firefox this works fine but on Chrome although the
button does becomes visible its in the wrong position.
This page uses tabs and if I switch to a different tab and come back to the one
with button, the button is correctly displayed. Similarly if I use the
Inspector to double click on any style attribute value (so the cursor goes into
the now editable value field), the button is correctly displayed. A couple of
other actions have a similar effect.
The code to make the button visible is as simple as I can think of:
$(fieldId).css('display', 'inline-block');
If I start the button with a class of hide and toggle the class (instead of
changing the CSS directly) I get the same result.
Anyone with an idea on what causes this--on Chrome only, remember--I'd be much
obliged. The overall code is complicated so I'm holding off trying to replicate
in a JSFiddle for now.
Thanks,
Bill Lazar
