Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Scrollable areas - add dynamic shadows based on scroll position

Aberta
  • Algo errado?
#11,817 5 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
30/100
Tipo de issue
Funcionalidade
Clareza
Precisa de esclarecimento
Status de atividade
Pouca atividade
Stack de tecnologia
css, react, typescript
Domínio
design, frontend

Direção de pesquisa

Comece pela demo overflow-scroll das seções de página roláveis vinculadas e revise como .pf-m-overflow-scroll e .pf-m-shadow-bottom se comportam atualmente. Esclareça se as sombras dinâmicas devem ser aplicadas de forma ampla ou apenas às seções de página, incluindo as expectativas de desempenho e os estados de rolagem desejados. Considera-se concluído quando o escopo e o comportamento tiverem sido acordados antes do início da implementação.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

PF Team Stale

From @jamestalton, I wanted to create an issue to track a request I've heard from James a few times. It would be super cool if PF was able to add shadows to scrollable regions dynamically. A good example we could currently work with is scrollable page sections. You designate a page section as .pf-m-overflow-scroll, and by default, it looks like any other page section. However, if its content is taller than the section, it will automatically add a scrollbar and the content becomes scrollable. PF could detected that there is overflow and added a shadow dynamically. Currently users can add shadows themselves by adding .pf-m-shadow-bottom (one for a top shadow, too) to the preceding page section, but that class adds a static shadow. If you add it because the section below has the potential to scroll, but doesn't scroll because there is no overflow content, the shadow appears unnecessarily.

Some questions:

  • Currently a user could wire this up themselves, but should PF provide this ability?

  • Would this be enabled for all scrollable regions? Sounds like that has the potential to create a lot of work to implement/maintain.

  • Is there any kind of performance cost?

  • Are there other cases for dynamic shadows - for example, adding a shadow only once you've scrolled a little bit? What's the LEO for that and does it come with performance costs?

Anything else you'd like to add @jamestalton?

Jira Issue: PF-1775

Linguagem predominante
TypeScript
Estrelas
862
Forks
392
Merge médio
4d 8h
PRs com merge (30d)
9

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de patternfly/patternfly-react

Todas as issues de patternfly/patternfly-react

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.