blazorbootstrap icon indicating copy to clipboard operation
blazorbootstrap copied to clipboard

Published 20 hours ago • verified publisher icon vikramlearning

Modal close "X" button with bootstrap 5.3.3

Open XenoWizard opened this issue 1 month ago • 1 comments

image

To Reproduce Steps to reproduce the behavior:

  1. Go to App.Razor and upgrade to bootstrap 5.3.3:

  2. Update the head:

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

  1. And body tags:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

Save and run. Now open up a modal with ShowCloseButton enabled. Close button in header slid to the left

XenoWizard avatar May 08 '24 07:05 XenoWizard

It's a bootstrap bug: https://github.com/twbs/bootstrap/issues/39798

It's going to be fixed in the next version.

giarico avatar May 09 '24 07:05 giarico

@XenoWizard Thank you for using BlazorBootstrap. Mean while you can set HeaderCssClass="justify-content-between".

gvreddy04 avatar May 18 '24 11:05 gvreddy04