AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79556972
Accepted
YBS
YBS
Asked: 2025-04-05 20:44:05 +0800 CST2025-04-05 20:44:05 +0800 CST 2025-04-05 20:44:05 +0800 CST

colourpicker-panel está parcialmente oculto em uma rank_list

  • 772

colourpicker-panelestá parcialmente oculto em a rank_list(), mas o mesmo não é verdade em a tagList(). Existe uma maneira de implementar a propriedade CSS overflow: visibleou alterar z-index?

library(shiny)
library(sortable)
library(colourpicker)

mycolors <- c("#0A954F", "#e0677b", "#244457","#01B0F0")

labels <- list(
  htmltools::tags$div(
    div(id = "my_col1", colourInput("col1", label=NULL, mycolors[1], palette = "square", width = "90px", allowTransparent = TRUE), style = "margin-bottom: 5px;" ), style="z-index:1;"
  ),
  tags$div(
    colourInput("col2", label=NULL, mycolors[2], palette = "square", width = "90px", allowTransparent = TRUE), style = "z-index:2;"
  ),
  tags$div(
    colourInput("col3", label=NULL, mycolors[3], palette = "square", width = "90px", allowTransparent = TRUE), style = "z-index:3;"
  )
)

ui = fluidPage(
  tags$head(tags$style(HTML('.colourpicker-focus>.colourpicker-input-container>.colourpicker-panel>div { overflow:visible; }'))),
  sidebarLayout(
    sidebarPanel(
      uiOutput("color_list"),
      uiOutput("color_list2")
    ),
    mainPanel(
      plotOutput("plot")
    )
  )
    
  )
server = function(input, output) {
  output$color_list <- renderUI({
    rank_list_basic <- rank_list(
      text = "Drag the items in any desired order",
      labels = labels,
      input_id = "rank_list_basic"
    )
  })
  
  output$color_list2 <- renderUI({
    tagList(
      colourInput("col1b", "", mycolors[1], palette = "square", width = "90px", allowTransparent = TRUE),
      colourInput("col2b", "", mycolors[2], palette = "square", width = "90px", allowTransparent = TRUE),
      colourInput("col3b", "", mycolors[3], palette = "square", width = "90px", allowTransparent = TRUE)
    )
  })
  
  output$plot <- renderPlot({
    set.seed(1)
    plot(rnorm(50), bg = input$col1, col = input$col1, pch = 21)
  })
  
  
}

shinyApp(ui, server)

saída

  • 1 1 respostas
  • 31 Views

1 respostas

  • Voted
  1. Best Answer
    TarJae
    2025-04-05T22:32:49+08:002025-04-05T22:32:49+08:00

    rank_list()envolve elementos em um contêiner com overflow: hidden;, que recorta dropdowns e popups. Mesmo que você esteja configurando overflow: visibleno painel, o contêiner pai ainda o recorta.

    Poderíamos forçar overflow: visibleo .rank-list-containeruso de CSS personalizado em tags$head().

    library(shiny)
    library(colourpicker)
    library(sortable)
    
    mycolors <- c("#0A954F", "#e0677b", "#244457", "#01B0F0")
    
    labels <- list(
      tags$div(
        div(
          id = "my_col1",
          colourInput("col1", label = NULL, mycolors[1], palette = "square", width = "90px", allowTransparent = TRUE),
          style = "margin-bottom: 5px;"
        )
      ),
      tags$div(
        colourInput("col2", label = NULL, mycolors[2], palette = "square", width = "90px", allowTransparent = TRUE)
      ),
      tags$div(
        colourInput("col3", label = NULL, mycolors[3], palette = "square", width = "90px", allowTransparent = TRUE)
      )
    )
    
    ui <- fluidPage(
      tags$head(
        tags$style(HTML("
          .rank-list-container, .rank-list, .rank-list-item {
            overflow: visible !important;
            z-index: auto !important;
          }
          
          .colourpicker-panel {
            z-index: 9999 !important;
          }
        "))
      ),
      sidebarLayout(
        sidebarPanel(
          uiOutput("color_list"),
          hr(),
          strong("Control group (not clipped):"),
          uiOutput("color_list2")
        ),
        mainPanel(
          plotOutput("plot")
        )
      )
    )
    
    server <- function(input, output) {
      output$color_list <- renderUI({
        rank_list(
          text = "Drag and test the color pickers",
          labels = labels,
          input_id = "rank_list_basic"
        )
      })
      
      output$color_list2 <- renderUI({
        tagList(
          colourInput("col1b", "", mycolors[1], palette = "square", width = "90px", allowTransparent = TRUE),
          colourInput("col2b", "", mycolors[2], palette = "square", width = "90px", allowTransparent = TRUE),
          colourInput("col3b", "", mycolors[3], palette = "square", width = "90px", allowTransparent = TRUE)
        )
      })
      
      output$plot <- renderPlot({
        plot(rnorm(50), bg = input$col1, col = input$col1, pch = 21)
      })
    }
    
    shinyApp(ui, server)
    

    insira a descrição da imagem aqui

    • 2

relate perguntas

  • Adicionar número de série para atividade de cópia ao blob

  • A fonte dinâmica do empacotador duplica artefatos

  • Selecione linhas por grupo com 1s consecutivos

  • Lista de chamada de API de gráfico subscritoSkus estados Privilégios insuficientes enquanto os privilégios são concedidos

  • Função para criar DFs separados com base no valor da coluna

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Reformatar números, inserindo separadores em posições fixas

    • 6 respostas
  • Marko Smith

    Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não?

    • 2 respostas
  • Marko Smith

    Problema com extensão desinstalada automaticamente do VScode (tema Material)

    • 2 respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Martin Hope
    Fantastic Mr Fox Somente o tipo copiável não é aceito na implementação std::vector do MSVC 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant Encontre o próximo dia da semana usando o cronógrafo 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor O inicializador de membro do construtor pode incluir a inicialização de outro membro? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul O C++20 mudou para permitir a conversão de `type(&)[N]` de matriz de limites conhecidos para `type(&)[]` de matriz de limites desconhecidos? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann Como/por que {2,3,10} e {x,3,10} com x=2 são ordenados de forma diferente? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve