shinyWidgets
shinyWidgets copied to clipboard
Incorrect alignment of `awesome{CheckboxGroup,Radio}` when `inline = TRUE` and using `bs4Dash`
When using inline = TRUE with bs4Dash, the alignment of awesome{CheckboxGroup,Radio} is broken.
This seems to be caused by incorrect CSS for Bootstrap 4 (or AdminLTE?).
Note that the radio buttons are also off, if only by a few pixels.
library(shiny)
library(bs4Dash) # / library(shinydashboard)
library(shinyWidgets)
shinyApp(
dashboardPage(dashboardHeader(), dashboardSidebar(), dashboardBody(
awesomeCheckboxGroup("cbg", "cbg", LETTERS[1:3], inline = TRUE),
awesomeRadio("rb", "rb", letters[1:3], inline = TRUE)
)),
function(input, output, session) {}
)
Created on 2021-12-06 by the reprex package (v2.0.1)
bs4Dash renders incorrectly:

shinydashboard looks fine:

Relevant package versions:
- bs4Dash 2.0.3
- bslib 0.3.1
- fresh 0.2.0
- shiny 1.7.1
- shinyWidgets 0.6.2.9300 (dreamRs/shinyWidgets@64282a2)
- shinydashboard 0.7.2
I have the same problem with awesomeRadio and the default dashboard (no shinydashboard or bs4Dash). I have that radio inside a sidebarpanel
.