Áreas de texto de crescimento automático com CSS


À medida que as demandas da net mudam e os desenvolvedores experimentam diferentes experiências de usuário, a necessidade de mais melhorias na linguagem nativa se expande. Nossa camada de apresentação, CSS, tem se saído incrivelmente bem em melhorar as capacidades, mesmo que às vezes muito lenta. A necessidade de suporte nativo para expansão automática textarea elementos é conhecido há muito tempo…e finalmente chegou!

Para permitir textarea elementos para crescer verticalmente e horizontalmente, adicione o field-sizing propriedade com valor de content material:

textarea {
  field-sizing: content material; // default is `mounted`
}

O valor padrão para field-sizing é mountedsinalizando o comportamento atual. O novo comportamento, content materialirá expandir o máximo possível. Para restringir o tamanho de um textarea pode crescer, usar tradicional width/max-width e peak/max-height propriedades.

  • Expressões regulares para o resto de nós

    Mais cedo ou mais tarde você vai se deparar com uma expressão common. Com sua sintaxe enigmática, documentação confusa e curva de aprendizado enorme, a maioria dos desenvolvedores se contenta em copiá-las e colá-las do StackOverflow e torcer para que funcionem. Mas e se você pudesse decodificar expressões regulares e aproveitar seu poder? Em…

  • 5 novas tecnologias incríveis da Mozilla das quais você nunca ouviu falar

    Minha viagem ao Mozilla Summit 2013 foi incrível. Passei tanto tempo focando no meu projeto que perdi de vista todo o ótimo trabalho que os Mozillians estavam fazendo. O MozSummit forneceu o lembrete perfeito de quão brilhantes meus colegas são e o quanto…


Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *