WordPress.org

Ready to get started?Download WordPress

Forums

GrabPress
[resolved] Screen and Help options in the post area have dissapeared (2 posts)

  1. eeb1
    Member
    Posted 1 year ago #

    When I activate the plugin the Screen Options and Help dropped down menu goes blank. I have uninstalled and reinstalled the plugin and it still the same. They do appeared when the plugin in deactivated.

  2. grabmedia
    Member
    Plugin Author

    Posted 1 month ago #

    @eeb, as mentioned in previous posts, it turns out the bug has nothing to do with GrabPress, but rather with a bug in the WordPress core files.

    One of the reasons it went unresolved for so long is because our QA team couldn't replicate the bug - it wasn't until one of our publishers sent us some screenshots, and told us what themes they were using (default WP themes), that we were finally able to reproduce this issue.

    We submitted this bug to WordPress Trac on April 7, 2014.
    https://core.trac.wordpress.org/attachment/ticket/27697/

    We also submitted a fix for this bug, so you're welcome to download the file and apply this to your WordPress core directory. It's a very small CSS edit. Here are some more details.

    The Screen Options menu at the top of the WordPress admin dashboard becomes unusable, and the form elements appear hidden. Reproducing this issue was difficult to track, mainly because it just depends on when other CSS files conflict with it (which can be many). It leaves the '.hidden' class out there to potentially conflict against any other CSS file in the environment that uses the 'visibility:hidden' property instead of or in addition to 'display:none'

    In the PHP file where the original state of the HTML for the screen options UI that is experiencing the issue is formed you'll see that the class="hidden" is present.
    wp-admin/includes/screen.php (line 917)

    <div id="screen-options-wrap" class="hidden" tabindex="-1" aria-label="<?php esc_attr_e('Screen Options Tab'); ?>">

    They have this class tied up to the following CSS: wp-admin/css/wp-admin.css (line 234 thru 243)

    .hidden,
    .js .closed .inside,
    .js .hide-if-js,
    .no-js .hide-if-no-js,
    .js.wp-core-ui .hide-if-js,
    .js .wp-core-ui .hide-if-js,
    .no-js.wp-core-ui .hide-if-no-js,
    .no-js .wp-core-ui .hide-if-no-js {
    	display: none;
    }

    So you can see that the '.hidden' class (along with several others) has the property 'display: none;'. This is perfectly fine and normal if they plan to toggle on and off the '.hidden' class from the element. However they instead make use of jQuery's 'show()' and 'hide()' methods and leave the 'hidden' class.
    wp-admin/js/common.js (lines 99 thru 143)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags