Perguntas com a marcação «html»

Estou trabalhando em um aplicativo Web de página única, que normalmente será usado em dispositivos móveis. Um de seus recursos é o modo de mapa, que assume temporariamente a janela inteira do navegador; uma escala de distância e alguns controles são anexados aos quatro cantos do mapa. Aqui está uma …

10 html  css  mobile-safari  fullscreen 

Para preencher toda a altura da página, eu uso as height: 100%;tags html e body, e funciona bem até que um navegador seja fechado e reaberto. (Não uso 100vh devido a problemas em dispositivos móveis https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Passos para reproduzir: Abra https://angelika94.github.io/rick/ no Google Chrome no iPhone (você verá …

10 html  css  height  google-chrome-app 

Desde o lançamento do Chrome v78.0.3904.70, estou tendo problemas com o uso  da propriedade CSS white-space: nowrap;. O espaço sem quebra parece causar uma quebra de linha. Ao usar text-overflow: ellipsis, o texto real não será exibido, pois está quebrado fora do contêiner. Apenas parece acontecer se o texto for …

10 html  css  google-chrome  whitespace 

Seguindo um pequeno pedaço do meu código. Apenas querendo saber por que a célula "iphone" está piscando apenas no iphone. PS. Não posso usar uma tabela ou uma lista para a estrutura. Eu também tentei usar transform: translate3d(0,0,0);. Basicamente, eu preciso que a primeira célula seja pegajosa tanto para esquerda …

10 html  css 

Como posso melhorar esse código para remover a falta de resposta / atraso na página depois de selecionar um arquivo da caixa de diálogo e clicar em OK? Venho testando arquivos com tamanhos entre 50 e 100 KB function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files …

9 javascript  html 

Desafiei-me a criar uma experiência visualmente dinâmica e interativa apenas em HTML e CSS (sem Javascript). Até agora, não encontrei nenhum recurso que eu precisasse em CSS e HTML puro. Este talvez seja um pouco mais difícil. Eu preciso impedir que o usuário clicar duas vezes <a>, <input type="submit">e <button>tags. …

9 html  css 

Criei um invólucro no qual animei o mesmo efeito da Apple na página do Airpods Pro . É basicamente um vídeo, quando eu rolar o vídeo é reproduzido pouco a pouco. A posição do vídeo é fixa, de modo que o texto rola sobre ele. No entanto, o texto é …

9 javascript  jquery  html  css 

Eu tenho um formulário com um menu suspenso dependente. Esse menu suspenso secundário fica oculto sempre que a opção principal selecionada não possui opções secundárias e quando a página é carregada pela primeira vez. Sempre que o formulário é enviado, apenas o primeiro campo é limpo, pois na maioria das …

9 javascript  python  html  django 

Eu tenho uma tabela "classificável" onde o cabeçalho da coluna atualmente classificada exibe um ícone: O ícone de classificação deve ser exibido no final do texto (ou seja, apoiamos LTR / RTL). Atualmente estou usando display:flex. No entanto, se a largura da tabela diminuir e o texto do cabeçalho da …

9 html  css  layout  html-table  alignment 

Estou com um problema com o marcador, quero que ele seja esticável para marcar em qualquer lugar da barra de progresso Como mostrado abaixo GIF Pergunta: Desejo selecionar qualquer ponto na barra de progresso e poder esticar o marcador, que pode ser vários pontos do marcador. Não sei como fazê-lo …

9 javascript  jquery  html  video.js 

Estou com problemas para tentar exibir meu conteúdo da barra lateral / navegação (usando o Bootstrap) para mostrar (ser expandido) por padrão na área de trabalho e fechado por padrão no celular e ter o ícone exibido apenas no celular. Parece que não consigo fazer isso funcionar. <nav class="menu menu-open" …

9 javascript  html  css  bootstrap-4  responsive-design 

Preciso criar um componente que precise trabalhar com ambas as especificações, custom elements spec v0que foram descontinuadas e a custom elements spec v1versão estável mais recente. Se eu criar componentes com custom elements v0especificações, alguns aplicativos enfrentarão problemas, pois estão usando polymer 2e acima, e o mesmo problema com polymer …

9 javascript  html  web-component  polyfills  custom-element 

Eu olhei para o console e notei esses avisos Um cookie associado a um recurso entre sites em http://google.com/ foi definido sem o atributo SameSite. Uma versão futura do Chrome só entregará cookies com solicitações entre sites se eles estiverem definidos com SameSite = None e Secure. Você pode revisar …

9 php  html 

Estou pensando em criar um editor com Slate ou ProseMirror e vendo algum comportamento estranho com o Chrome em torno da posição do cursor e da área de seleção ao usar um elemento embutido. O problema 1 é mostrado na primeira figura abaixo. Quando a posição do cursor de texto …

8 html  css  contenteditable  slatejs  prose-mirror 

Estou tentando obter um plano de fundo de vídeo em tela cheia para o meu Ionicaplicativo, ele funciona perfeitamente no Android e no navegador, mas quando executo o aplicativo em um iPhone no simulador Xcode, é apenas um plano de fundo branco e o vídeo não carrega . Código HTML: …

8 html  css  ios  cordova  ionic-framework