Relatório de erro
Descreva o bug
Quando adiciono um conjunto de elementos que são maiores quanto a largura do playground, ele quebra o elemento
Reproduzir
Ambiente
- SO: macOS High Sierra 10.13.4
- Versão do nó / fio: 8.5.0 / 1.6.0
nicholasess
Todos 3 comentários
Olá @nicholasess , obrigado pelo feedback.
Eu estava depurando aqui e parece que está tudo bem com o exemplo.
Você poderia fornecer um exemplo de código ou repositório para este bug, por favor?
marceloavf
em 2 jul. 2018
@marceloavf Sim, este é o repositório que criei.
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21
nicholasess
em 2 jul. 2018
É um efeito subestimado do css, o problema reside em que suas tags a são elementos display: inline (navegador padrão).
Os links são cortados ao meio porque são tratados como texto normal, e não como elementos de nível de bloco.
Você pode definir white-space: nowrap; para eles, mas eles não responderão conforme a tela se redimensiona, portanto, usar display: inline-block; deve corrigir o problema e torná-los links de nível de bloco reais.
Espero que seja isso que você está procurando ✋
marceloavf
em 3 jul. 2018
Questões relacionadas
fenbka
·
3Comentários
mariusespejo
·
3Comentários
ssylvia
·
3Comentários
hayk94
·
3Comentários
capaj
·
3Comentários
Comentários muito úteis
É um efeito subestimado do css, o problema reside em que suas tags
asão elementos display: inline (navegador padrão).Os links são cortados ao meio porque são tratados como texto normal, e não como elementos de nível de bloco.
Você pode definir
white-space: nowrap;para eles, mas eles não responderão conforme a tela se redimensiona, portanto, usardisplay: inline-block;deve corrigir o problema e torná-los links de nível de bloco reais.Espero que seja isso que você está procurando ✋