On Wed, Jun 6, 2012 at 7:46 AM, Bill Lazar <[email protected]> wrote:
> 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.
>
Posting the fiddle will only make it easier for others to investigate.
>
> Thanks,
> Bill Lazar
--
When the cat is away, the mouse is alone.
- David Yu
