• Since the same symptoms as “Tabs are empty in Google Chrome” reported by Salamzaban also occurred in my WordPress, I verified how HTML works.

    <div class="tab-content-wrapper tab-content-hide">
    	<div id="wc-shortcodes-tab" class="tab-content wc-shortcodes-content" style="display: none;">
    …
    	</div>
    </div>

    Thus, in the HTML code of inactive tabs By adding JavaScript tab-content-hide and style ="display: none;", the contents of the tab are hidden in the web browser.

    But even on the active tab …

    <div class="tab-content-wrapper">
    	<div id="wc-shortcodes-tab" class="tab-content wc-shortcodes-content" style="display: none;">
    …
    	</div>
    </div>

    In this way, tab-content-hide has been deleted but style ="display: none;" was not removed.

    Using the developer tool (F12) of the Web browser (Opera v 47.0.2615.0 pgo), element.style {display: none;} If this property is set to OFF, the contents of the tab are displayed.

    Therefore, it seems that the cause of the problem is that javasript of Shortcodes by Angie Makes is not able to remove <div id="wc-shortcodes-tab" class="tab-content wc-shortcodes-content" style="display: none;"> ... </div> to style="display: none;" of the tab activated for some reason.

    In this WordPress (v4.8.0), various Js libraries are read in wp_footer in the following order.
    JQuery (v3.2.1)
    JQuery UI (v1.12.1)
    Masonry (v 4.2.0)
    JQuery Migrate (v1.4.1)
    Jetpack (v 5.0)
    Shortcodes by Angie Makes rsvp.js (v3.38)

    I reply to Salamzaban ‘s topic a month ago in this forum, but since the response was not received from the author Chris Baldelomar, I created a new topic.

    In Opera, we do not use extension of ad blocking function or suppression of JavaScript suppression.

    Just to be sure, we also checked with WEB browser such as Chrome, Firefox, Microsoft Edge, but style = "display: none; remained even though the tab-content-hide of the active tab disappeared The contents of the tab are hidden by the influence being done.

    I would like to ask Chris Baldelomar and the people viewing this topic to provide information on the cause of the symptoms described above or to solve the problem ??

  • The topic ‘“style =” display: none;” is not overwritten on the active tab’ is closed to new replies.