Limitações do editor editor-limitations

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 functional-limitations

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 structure-pages

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 css-limitations

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

Elementos posicionados de forma absoluta absolutely-positioned-elements

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-units

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

Imagens de fundo fixas fixed-background-images

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% height

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 margin-collapsing

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;
}
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab