C#•3y ago

❔ Bootstrap modal in razor page closing for one page but not another

When I click the plus button on my application a modal pops up. (good) But when I click any button in the modal it closes (this may work for what I am doing but not sure why). I have

            <div class="modal-footer">
                <button class="btn btn-primary">Submit</button>
                <button class="btn btn-secondary">Close</button>
                <button @onclick="Debug">Sample</button>
            </div>

            <div class="modal-footer">
                <button class="btn btn-primary">Submit</button>
                <button class="btn btn-secondary">Close</button>
                <button @onclick="Debug">Sample</button>
            </div>

            <div class="modal-footer">
                <button class="btn btn-primary">Submit</button>
                <button class="btn btn-secondary">Close</button>
                <button @onclick="Debug">Sample</button>
            </div>

            <div class="modal-footer">
                <button class="btn btn-primary">Submit</button>
                <button class="btn btn-secondary">Close</button>
                <button @onclick="Debug">Sample</button>
            </div>

And the debugger is not hitting by Debug function in VS. Not sure the best way to debug this. In another page I have buttons in the footer and none of them will close the modal. I want to investigate why the behavior differs in these two instances.