Problem/Motivation

After toggling the banner on and off a few times, I ran into a situation where I have two banners, one cookie banner and one withdraw banner. I have no idea how this happened and it's too late at night to debug. Simply filing this here to look into it later.

Screenshot:

Showing bug

Complete code:

<div id="sliding-popup" class="sliding-popup-bottom" style="height: auto; width: 100%; bottom: 0px;"><button type="button" class="eu-cookie-withdraw-tab">Privacy settings</button>
<div role="alertdialog" aria-labelledby="popup-text" class="eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--opt-in">
  <div class="popup-content info eu-cookie-compliance-content">
    <div id="popup-text" class="eu-cookie-compliance-message">
      <h2>This website uses cookies</h2><p>You can change these settings at any time via the cookie preferences.<br>Info about the <a href="#">cookie policy</a> and <a href="#">privacy policy</a> of SITENAME.</p>
              <button type="button" class="find-more-button eu-cookie-compliance-more-button find-more-button-processed">More info</button>
          </div>

    
    <div id="popup-buttons" class="eu-cookie-compliance-buttons">
      <button type="button" class="agree-button eu-cookie-compliance-secondary-button">Accept</button>
              <button type="button" class="decline-button eu-cookie-compliance-default-button">No, thanks</button>
          </div>
  </div>
</div></div>

<div id="sliding-popup" class="eu-cookie-withdraw-wrapper sliding-popup-bottom" style="bottom: -61px;"><button type="button" class="eu-cookie-withdraw-tab">Privacy settings</button>
<div role="alertdialog" aria-labelledby="popup-text" class="eu-cookie-withdraw-banner" style="height: auto; width: 100%;">
  <div class="popup-content info eu-cookie-compliance-content">
    <div id="popup-text" class="eu-cookie-compliance-message">
      <h2>We use cookies on this site to enhance your user experience</h2><p>You have given your consent for us to set cookies.</p>
    </div>
    <div id="popup-buttons" class="eu-cookie-compliance-buttons">
      <button type="button" class="eu-cookie-withdraw-button">Withdraw consent</button>
    </div>
  </div>
</div></div>
CommentFileSizeAuthor
Screen Shot 2020-09-03 at 21.57.04.png57.61 KBsvenryen

Comments

svenryen created an issue. See original summary.

svenryen’s picture

Issue summary: View changes
svenryen’s picture

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.