Código CSS para IFrame - Desabilitar barra de rolagem

Suporte
13

Ah sim, as coisas definitivamente mudaram um pouco desde então! Abaixo, incluí um exemplo direcionado com base no nosso método de decoração atualmente preferido.

O seguinte código precisará ser adicionado à tag </head> de um tema/componente:

<script type="text/discourse-plugin" version="0.8.42">
  api.decorateCookedElement(post =>
    post.querySelectorAll('div[data-theme-iframe="no-scroll"] iframe').forEach(iframe => {
      iframe.setAttribute('scrolling', 'no');
    }),
    { 
      id: 'iframe-decorator',
      onlyStream: true,
    }
  );
</script>

Com o código acima em vigor, você pode envolver um iframe com um div específico da seguinte maneira para desativar a rolagem dentro de uma postagem:

<div data-theme-iframe="no-scroll">
  <iframe src="https://someallowediframesource.com"></iframe>
</div>

Isso deve resolver o problema, mas me avise se encontrar qualquer problema com isso.