Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.42k stars 1.99k forks source link

WooCommerce Points and Rewards: Save Changes button hiding behind #wpfooter #61557

Open edwinho89 opened 2 years ago

edwinho89 commented 2 years ago

Quick summary

"Save Changes" button on WooCommerce Points and Rewards cannot be clicked, as it is hiding behind #wpfooter element.

image

Steps to reproduce

  1. Visit wp-admin/admin.php?page=woocommerce-points-and-rewards&tab=settings
  2. Apply changes as you see fit
  3. Click on "Save Changes" button located at the bottom of the page.

What you expected to happen

The "Save Changes" button should appear just above #wpfooter

What actually happened

"Save Changes" button cannot be clicked.

Context

WooCommerce V6.2.1 WooCommerce Points and Rewards V1.7.4

Simple, Atomic or both?

Atomic

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Workaround details

Apply the following CSS temporarily on the page, before click on "Save Changes".

#wpfooter {
    display: none;
}
edwinho89 commented 2 years ago

Reported in 32253475-hc

Greatdane commented 2 years ago

@edwinho89 - I am unable to reproduce this behavior. The footer does not overlap on an Atomic test site. Are you able to reproduce on a test site?

Markup 2022-03-10 at 13 50 21
Greatdane commented 2 years ago

Closing this for now.

nicdwilson commented 2 years ago

5678881-zen

This was replicated by Happiness. Removing absolute positioning from #wpfooter fixes this. I believe this may be an issue on this specific plan only, rather than Calypso in general.

krAwae.png

9Svqrs.png

github-actions[bot] commented 2 years ago

Support References

This comment is automatically generated. Please do not edit it.