Limitações do editor

Última atualização em 2023-08-15

O editor na interface habilitada para toque usa sobreposições para interagir com o conteúdo confinado em um iframe. Essa interação cria algumas limitações no uso do editor e também para desenvolvedores. Esta página resume essas limitações e fornece soluções ou soluções alternativas, quando possível.

Limitações funcionais

Um autor pode encontrar as seguintes limitações funcionais ao usar o editor para criar páginas.

Quando editar uma página, os links não estão ativos.

Páginas de estrutura

Páginas não podem ser nomeadas structure. Páginas nomeadas structure não serão editáveis no editor de páginas.

Limitações de CSS

Um desenvolvedor pode encontrar as seguintes limitações nas interações do editor com o CSS.

Elementos posicionados de forma absoluta

Elementos posicionados de forma absoluta podem causar problemas na posição da sobreposição.

  • Se isso acontecer, verifique se as dimensões do elemento absolutamente posicionado estão corretas, pois o editor criará uma sobreposição com exatamente as mesmas dimensões.

Unidades de vh

vh unidades não são suportadas porque a altura do iframe deve ser ajustada automaticamente pelo AEM.

Imagens de fundo fixas

Imagens de fundo fixas podem não ser exibidas como fixas ao rolar a tela devido ao fato de que elas estão incorporadas em um iframe.

  • Selecionar Exibir página como publicada nas ações da barra de cabeçalho, o exibe a página corretamente.

Altura de 100%

Não há suporte para 100% de altura no elemento de corpo de uma página.

  • Uma solução alternativa é possível implementar um corpo de tela cheia "esticando" o elemento do corpo da seguinte maneira:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Recolhimento de margem

Problemas de recolhimento de margem podem ser vistos se o primeiro elemento filho do elemento body tiver uma margem.

  • A solução é adicionar uma correção clara no nível do elemento do corpo, como a seguir:
body:before, body:after{
    content: ' ';
    display: table;
}

Nesta página