You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
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:
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
The text was updated successfully, but these errors were encountered:
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
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.
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.
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.
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: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
The text was updated successfully, but these errors were encountered: