Como evitar o resize de textareas no Safari
Postado por: Pedro Rogério emAté o lançamento do Safari para o Windows eu nunca tinha o utilizado, mas por esses dias descobri uma coisa bastante interessante, se você utiliza o Safari, experimente peguer um formulário qualquer, vá até o textarea e tente redimensioná-lo. O Safari suporta essa opção, como você pode ver na imagem abaixo:
Não ficou satisfeito e quer fazer um teste? Dê uma olhada nesse exemplo. Mas se você não quer que isso aconteça nos seus formulários, existe uma maneira bem simples de corrigir isso, basta utilizar as propriedades do CSS min-height, max-height, min-width e max-width, onde iremos travar a altura e a largura mínima. Vejamos um exemplo:
CSS
textarea {
min-width:400px;
max-width:400px;
min-height:250px;
max-height:250px;
width:400px;/* Utilizado para o IE6 */
height:250px;/* Utilizado para o IE6 */
}
Experimente agora tentar redimensionar esse textarea.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Muito interessante isso…
Você achou essa solução em algum lugar ou encontrou sozinho?
Meus parabéns….
Eu acho isso tão desnecessário quanto querer travar tamanho de fonte.
Me parece uma técnica pouco recomendada, nunca é bom impedir que o usuário faça suas próprias escolhas.
basta usar isto (CSS3):
.caixatexto
{
resize:none;
}
feito!
Emanuel Felipe, quando as escolhas do utilizador começam a afectar o layout da página, convém impedi-lo.
@JJ: Negativo!! Esse resize é uma das melhores funcionalidades dos browsers webkit. Se o usuário fizer o redimensionamento, é porque ele quer, e ponto. Quem se importa se o layout quebrou? Se ele se incommodar, recarregue a página, ou retorne manualmente ao seu tamanho original. Simples.
valeu
Muito bom, super necessário, ao contrário do que falou o Juliano.
Suponha que tenha uma tabela que possa ser redimensionada para não deformar o site, e dentro dessa tabela tenha um textarea, pronto, esta ai a necessidade do código.
Websites we think you should visit…