When trying to move a page in Wagtail the page editor should be able to select a new parent page for the page being moved. This is done by clicking on a button in the move page dialog.
Actual behavior
The button for moving pages is invisible!
Note: There should be a set of buttons next to where it says, "New parent page".
The page should look like this:
Steps to reproduce
Using a desktop browser click on the three dots next to any standard page or internet plain page in the admin and select "Move".
You will see the move page dialog but there will be no way to move the page. If you hover around to the right of the dialog you will find an invisible button.
Related code
This is a problem with core Wagtail. It's due to a misapplied CSS4 media query that basically says, "if a device supports hover, set the opacity to 0". Because of this, the problem only affects desktop computers and other devices with a hover state. The problem does not manifest on mobile devices.
Expected behavior
When trying to move a page in Wagtail the page editor should be able to select a new parent page for the page being moved. This is done by clicking on a button in the move page dialog.
Actual behavior
The button for moving pages is invisible!
Note: There should be a set of buttons next to where it says, "New parent page".
The page should look like this:
Steps to reproduce
You will see the move page dialog but there will be no way to move the page. If you hover around to the right of the dialog you will find an invisible button.
Related code
This is a problem with core Wagtail. It's due to a misapplied CSS4 media query that basically says, "if a device supports hover, set the opacity to 0". Because of this, the problem only affects desktop computers and other devices with a hover state. The problem does not manifest on mobile devices.
Other information:**
This problem effects desktop computers. It does not effect mobile devices. It can likely be fixed with the
insert_global_admin_css
hook: https://docs.wagtail.org/en/stable/reference/hooks.html#insert-global-admin-css