KPC
Kevin Powell - Community•13mo ago
sum117

scroll padding not working

hey guys, I have this absolute textarea in my chat app and it's cool in large screens, but when we go to smaller ones I get the input hiding some of the text. I tried scroll padding and it didn't work, what can I try?
4 Replies
sum117
sum117•13mo ago
in case it's necessary, I'll leave here the utility classes i'm using (tailwind) 
"input-group input-group-divider grid-cols-[1fr_auto] border-2 max-sm:border-b-0 border-r-0 border-b-0 rounded-none absolute bottom-0 items-center bg-surface-100-800-token border-l-0"
"input-group input-group-divider grid-cols-[1fr_auto] border-2 max-sm:border-b-0 border-r-0 border-b-0 rounded-none absolute bottom-0 items-center bg-surface-100-800-token border-l-0"
Okay, I got some progress doing this: 
max-sm:[&:last-of-type]:pb-20
max-sm:[&:last-of-type]:pb-20
Is this the correct way to do it tho? I'd like to learn better ways, if there's any NOTE: I placed that in the cards with the texts.
phyrasaur
phyrasaur•13mo ago
the correct way is to not use absolute for the textarea at all
phyrasaur
phyrasaur•13mo ago
@sum117 https://play.tailwindcss.com/Z6r8vHx6P9
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
sum117
sum117•13mo ago
thank you delulu!
Want results from more Discord servers?
Add your server
More Posts
where to find good portfolio website templatesWould like to find some neat dynamic responsive editable portfolio website templates for developers.Understanding a tutorial: Using axios.get()I'm following a tutorial that uses Express JS to create a server and integrates it with some 'staticPop up model issue when clicking outsideHey guyss I dont know what seems the problem here since Im new to JS. I wantt to close the modal whwhen making a POST request, an extra key shows up in render.com logs where the BE API is deployed.i am working on a project for my backend class. I built my backend using PostgresQL and Ruby on RaiCan We write code for a class or item or tag in another class or id item?Can We write code like this in css3 .class1 { .class2 { } }How to code this "fade gradient" on image bottom?I always saw this on popular websites but don't know how to achieve it.What's the best way to make angled corners?here's an example: https://www.thetalosprinciple.com/ This fine specimen was made with a border imaSuggestions on how to start or tackle this problem.I want a UI that represents mapping and have the ability to do those mappings. With that in mind I aFirebase Dynamic Linksi am having problem with firebase if i visit any page on my website i get 404 error except "/" ``` {Canvas images animationHello guys! I need your advice! I've never worked with js canvas, but now, on my work i need to make