Tag: BUFFER-OVERFLOW
Estoy atascado en cómo hacer que la lista desplegable desborde su contenedor, que en mi caso es una celda de tabla. Aquí tienes el ejemplo: let content = document.querySelector(‘.content’); let abs = document.querySelector(‘.dropdown’); content.addEventListener(‘click’, function () { abs.classList.toggle(‘is-hidden’); }); .wrapper { width: 500px; overflow-x: auto; overflow-y: visible; } .content { . . . Read more
Estoy tratando de lograr un desenfoque lineal en una tarjeta. Se aplica un desenfoque lineal con las siguientes propiedades CSS: .app-container { position: relative; background: url(“https://res.cloudinary.com/dmwrugc6z/image/upload/v1639725427/wallhaven-lq1ezq_blo0mr.jpg”); background-size: cover; border-radius: 24px; margin: auto; width: 328px; height: 320px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .blur-background { height: 144px; position: . . . Read more
Estoy utilizando bootstrap 5 para una aplicación de React. Mi problema es que cada segunda vez que abro un modal, se aplica el siguiente estilo al elemento body: style="overflow: hidden; padding-right: 17px;" y también se agrega la clase modal-open, lo cual evita que pueda desplazarme fuera del modal incluso después . . . Read more
Problema: Desarrollé un sitio web de una sola página con Reactjs y lo implementé en Heroku (es una recreación de un sitio web existente. Quiero incluirlo como parte de mi portafolio para un trabajo de desarrollo web de nivel de entrada). Al inspeccionar en la barra de herramientas del dispositivo . . . Read more
Tengo un div donde el contenido desborda horizontalmente por defecto. ¿Cómo puedo hacer que haga scroll verticalmente? Aquí está mi HTML (estoy usando Tailwind): <section class=”flex flex-col lg:flex-row”> <div class=”w-full sm:w-3/4 lg:w-3/5 py-20 flex flex-col gap-y-10 items-center justify-center px-10″> <div class=”flex items-center justify-between w-full”> <img src=”https://img.icons8.com/ios/35/000000/add–v2.png” class=”cursor-pointer mr-4″> <input type=”text” . . . Read more