!LtIECwsjkkjinzHTTB:matrix.org

Support/Help

948 Members
6 Servers

Load older messages


SenderMessageTime
12 Jan 2024
@_discord_326088262118670337:t2bot.iokirillsemyonkin that way all modal logic would be not floating around in App but rather be contained inside of this simple passthrough component 21:13:47
@_discord_1191787143169851574:t2bot.iodementeddddd damn i think it worked 21:14:01
@_discord_1191787143169851574:t2bot.iodementeddddd alr then 21:20:26
@_discord_1191787143169851574:t2bot.iodementeddddd now i have to figure out how to close it lmfao 21:21:01
@_discord_1191787143169851574:t2bot.iodementeddddd would be good to close on esc and click outside of modal 21:21:14
@_discord_1191787143169851574:t2bot.iodementeddddd and how to make it so that the background cant be scrolled 21:21:37
@_discord_326088262118670337:t2bot.iokirillsemyonkin what background? 21:21:44
@_discord_1191787143169851574:t2bot.iodementeddddd i would have to add overflow: hidden to the body right 21:21:47
@_discord_1191787143169851574:t2bot.iodementeddddd well just my page 21:21:50
@_discord_326088262118670337:t2bot.iokirillsemyonkin anything behind when modal is open? 21:21:58
@_discord_1191787143169851574:t2bot.iodementeddddd yes 21:23:50
@_discord_1191787143169851574:t2bot.iodementeddddd no scrolling the page just the modal if theres enough content 21:23:58
@_discord_326088262118670337:t2bot.iokirillsemyonkin i wonder if pointer-events: none css on the modal does that 21:24:04
@_discord_1191787143169851574:t2bot.iodementeddddd doesnt 21:24:08
@_discord_326088262118670337:t2bot.iokirillsemyonkin actually no idea if that would break every single mouse event lol 21:24:13
@_discord_326088262118670337:t2bot.iokirillsemyonkin you can cancel scroll events on the modal 21:24:18
@_discord_326088262118670337:t2bot.iokirillsemyonkin or something 21:24:25
@_discord_1191787143169851574:t2bot.iodementeddddd i can actually completely interact with the background 21:24:31
@_discord_1191787143169851574:t2bot.iodementeddddd like i can hover over items 21:24:38
@_discord_1191787143169851574:t2bot.iodementeddddd thats probably some css stuff 21:24:43
@_discord_326088262118670337:t2bot.iokirillsemyonkin i would have modal be styled like a fullscreen overlay, so that events dont get behind it, and modal-content be a small window inside it 21:24:49
@_discord_1191787143169851574:t2bot.iodementeddddd yea thats what i have 21:24:55
@_discord_1191787143169851574:t2bot.iodementeddddd .modal is a dimmed blurred background 21:25:01
@_discord_1191787143169851574:t2bot.iodementeddddd but i can still click and hover over items in the back 21:25:11
@_discord_1191787143169851574:t2bot.iodementeddddd its display: block 21:25:16
@_discord_326088262118670337:t2bot.iokirillsemyonkinimage.png
Download image.png
21:26:28
@_discord_326088262118670337:t2bot.iokirillsemyonkinimage.png
Download image.png
21:26:29
@_discord_326088262118670337:t2bot.iokirillsemyonkinimage.png
Download image.png
21:26:30
@_discord_326088262118670337:t2bot.iokirillsemyonkin im not sure if i block any events, but i have pointer-events: initial; when its open actually, and i have this small thing to do the click-to-close 21:26:31
@_discord_326088262118670337:t2bot.iokirillsemyonkin * im not sure if i block any events, but i have pointer-events: initial; when its open actually, and i have this small thing to do the click-outsided-to-close 21:26:33

Show newer messages


Back to Room ListRoom Version: 6