[BUG] Render on input group

[palcarazm]

Describe the bug
If you set the component in an input-group the render is not correct.

To Reproduce
Steps to reproduce the behavior:

<main class="container">
  <div class="input-group input-group-sm mb-3">
    <span class="input-group-text" id="inputGroup-sizing-sm">Small</span>
    <input type="checkbox" checked data-toggle="toggle" data-size="sm">
  </div>
  <div class="input-group mb-3">
    <span class="input-group-text" id="inputGroup-sizing-default">Default</span>
    <input type="checkbox" checked data-toggle="toggle">
  </div>
  <div class="input-group input-group-lg">
    <span class="input-group-text" id="inputGroup-sizing-lg">Large</span>
    <input type="checkbox" checked data-toggle="toggle" data-size="lg">
  </div>
</main>
<script>$('input[data-toggle="toggle"]').bootstrapToggle();</script>

Expected behavior
Render correctly

Screenshots

On	Off

Package (please complete the following information):

• Bootstrap 5 Toggle version: 4.1.0
• Bootstrap version: 5.1.3

Desktop (please complete the following information):

• OS: Win
• Browser: Chrome

[github-actions]

Hi! 👋
Thanks for your issue. You are helping to improve Bootstrap 5 toggle.

[palcarazm]

refers: gitbrent#32
by: @daniel-scatigno
fixed base in : @bryan-brancotte comment

[palcarazm]

hi @bryan-brancotte,

Do you want to fixed sending a pull-request for been corretly acknowledge?

Just in bootstrap 5 there is not needed to add the class input-group-btn, so the fix will be:

.input-group .toggle-on,
.input-group .toggle-off{
    position: absolute;
}

[bryan-brancotte]

Hi @palcarazm

Thanks for the proposition, you can push the fix by yourself if you are ok with this.