shinyWidgets icon indicating copy to clipboard operation
shinyWidgets copied to clipboard

Incorrect alignment of `awesome{CheckboxGroup,Radio}` when `inline = TRUE` and using `bs4Dash`

Open AshesITR opened this issue 4 years ago • 1 comments

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: image

shinydashboard looks fine: image

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

AshesITR avatar Dec 06 '21 13:12 AshesITR

I have the same problem with awesomeRadio and the default dashboard (no shinydashboard or bs4Dash). I have that radio inside a sidebarpanel Screenshot (137) .

ShinyFabio avatar Feb 10 '22 12:02 ShinyFabio