Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can a react web app have both a Modal Component, and Off-canvas nav menu. When I use both strip and Import. the drop-down toggle in Off-canvas nav does not respond #39754

Closed
3 tasks done
PixelJunkie33 opened this issue Mar 6, 2024 · 3 comments

Comments

@PixelJunkie33
Copy link

PixelJunkie33 commented Mar 6, 2024

Prerequisites

Describe the issue

A developer can not use the strip import for Modal Component and Import Bootstrap.bundle.min.js files in the same app. The functionality for the Off-canvas dropdown nav menu needs the import.

To render a Modal component the developer must in <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script> into the HTML file.

when using the Off-canvas nav, I insert import "bootstrap/dist/js/bootstrap.bundle.min.js at the top of the file. This import govens many things including this button:

  <button
            type="button"
            className="btn-close text-reset"
            data-bs-dismiss="offcanvas"
            aria-label="Close"
          ></button>

Are there any solutions?

Reduced test cases

N/a

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Microsoft Edge

What version of Bootstrap are you using?

5.3.0

@PixelJunkie33 PixelJunkie33 changed the title Can a react web app have both a Modal Component, and Off-canvas nav menu Can a react web app have both a Modal Component, and Off-canvas nav menu. When I use both strip and Import. the drop-down toggle in Off-canvas nav does not respond Mar 6, 2024
@Codenuclei
Copy link

Same Name issue use different names

Please check if there are same function or ids or anything same because two files if they have same some function name or something same in their data they might give unwanted errors try changing the name of the id or class of your elements and try again.

Copy link
Contributor

github-actions bot commented Mar 8, 2024

Hello @PixelJunkie33. Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case on CodePen or StackBlitz and report back with your link, Bootstrap version, and specific browser and Operating System details.

Copy link
Contributor

As the issue was labeled with awaiting-reply, but there has been no response in 14 days, this issue will be closed. If you have any questions, you can comment/reply.

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Mar 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants