about overlay nag component

[332lfgb6]

Bug Report

Click the close icon,overlay nag does not disappear, In other cases, clicking the close icon makes the nag disappear immediately

Steps

1. click close icon

Expected result

clicking the close icon makes the nag disappear immediately

Actual result

Click the close icon,nag does not disappear

Screenshot (if possible)

Version

2.9.0

[lubber-de]

Moving to docs repo

[lubber-de]

Fixed by #401

[332lfgb6]

Fixed by #401

I read your commit, but I still can't use it😁。。 Another problem is that other overlay nag is hidden by default and must be displayed through js, but this overlay nag is displayed by default.

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.css" />
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.0/dist/semantic.min.js"></script>

<div class="ui segment">
  <div class="ui overlay nag">
    <div class="title">Welcome to the nag module</div>
    <div>Look, I am a top overlay nag!</div>
    <i class="close icon"></i>
  </div>
  <p>12345678</p>
  <p>12345678</p>
  <p>12345678</p>
  <p>12345678</p>
  <p>12345678</p>
  <p>12345678</p>
  <p>12345678</p>
</div>
<!--I don't even need to write this code-->
<!--I don't even need to write this code-->
<!--I don't even need to write this code-->
<button id="btn">button</button>
<script>
  $(document).ready(() => {
    $('#btn').click(() => {
      $('.ui.nag').nag()
    })
  })
</script>

How should I change the code?

[lubber-de]

Thanks, that is now fixed by https://github.com/fomantic/Fomantic-UI/pull/2552