OffCanvas is always visible until you manually dismiss it, it seems the className “show” is added causing the OffCanvas to be visible on app launch.
When you dismiss the OffCanvas using the header X icon, the OffCanvas immediately disappears rather than slide closed.
After closing, then reopening the OffCanvas, the OffCanvas footer is no longer at the very bottom of the element, its now directly beneath the last element in the OffCanvas body.
I see the second and third issues - we’ll see if they can be fixed.
I’m not sure what you mean in the first one, however. Can you explain some more?
When you add the offcanvas to a form, then run in the browser, the canvas is in the .show() state, you have to dismiss it to close it.
I ended up using a container, and manually added html code from Offcanvas · Bootstrap v5.3 and that works fine.
Do you want it to not show on open?
Did doing so resolve just the first issue, or the others as well?
I mean it seems to default its initial state as open, rather than close. When you run in a browser something is adding the “show” class.
The offCanvas should be off canvas until you toggle it open, but for the OffCanvas element in the toolbox its the other way round.