-
Notifications
You must be signed in to change notification settings - Fork 2.3k
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
Radio button groups are not working after migrating TheAdmin theme from BS4 to BS5 #11703
Comments
This is a button "active" state behavior that can be seen by going to the browser dev tools and checking the :active state of the element. As you can see the styles are working appropriately. The issue is that the state is not toggled on the "click" event of the buttons. <script at="foot">
$(document).ready(function(){
$(".btn").click(function(){
$(this).button("toggle");
});
});
</script> Adding this script to your page will make it work in the admin. Though, I don't understand the difference between the admin and the frontend themes here. I removed every javascript links in TheAdmin to test this and the active state is still not triggered by clicking on the button elements. |
@Skrypt neither of the following worked
or
I also attempted to add |
Ok, I found out how to fix the issue. Though it will break the darkmode admin theme. Need to try different things and evaluate if it is worth it. The issue is that we have a darkmode which is not fully supported by Bootstrap 5. It should be fully supported by Bootstrap 6. orchard.mp4Here is what I tried : |
This was fixed after migration to BS 5.3! |
Describe the bug
When using Radio button group in the Admin theme, selecting a radio button does not select.
To Reproduce
Steps to reproduce the behavior:
Create a view anywhere in admin using TheAdmin theme and place the following HTML code
Now run the app and click on any of the radio buttons, you'll notice that the button do not appear selected. This works perfectly fine in other themes like TheTheme theme from the front end.
Expected behavior
When you click on the radio button, it should appear darker "selected"
Screenshots
Here is a screen cast of TheAdmin theme where it does not stay selected as well as TheTheme theme in the front end with the expected behavior
@agriffard @Skrypt
The text was updated successfully, but these errors were encountered: