uD
KPCKevin Powell - Community
•Created by uD on 9/26/2024 in #front-end
Help with Clickable Links in Draggable Scrolling
Hi everyone!
I’m working on a horizontal scrollable/draggable block with clickable links, and I’m facing an issue. I want the links to be both draggable and clickable. Currently, when I drag the slider, the links are only being dragged and not scrolling; they only register a drag action if I click outside of the link.
Here are the specific points I want to mention:
Current Behavior: The links are only dragged when I click and drag directly on them. I want the entire scrollable div to scroll when dragging on any part of it, including the links.
Expected Behavior: If I click and drag outside of the link but still within the scrollable div, it works as intended.
Desired Solution: I want to make the links clickable and also ensure that dragging on the links will scroll the scrollable div.
Here is the CodePen link to the demo: https://codepen.io/umanga/pen/xxvbmqQ
Any help or guidance on how to achieve this would be greatly appreciated!
Thank you!
1 replies
KPCKevin Powell - Community
•Created by uD on 4/19/2024 in #front-end
How can I ensure that a middle <div> can shrink before affecting the first <div> within a flex box ?
How can I ensure that within a flex container, the middle <div> shrinks first if needed, and if the first <div> is longer, it also shrinks without pushing the last <div> (which contains a badge) to the right, ensuring it does not shrink at all?
here is the demo to the codepen: https://codepen.io/umanga/pen/WNWYore
8 replies
KPCKevin Powell - Community
•Created by uD on 4/17/2024 in #front-end
Having trouble with div inside td to get 100% of td height.
How can I ensure consistent heights for cards within table cells (<td>) in my HTML table, maintaining their heights proportional to the content rather than filling up remaining space? I've encountered an issue where applying height: 100% to the table results in unwanted behavior when there are few data entries.
CodePen example for reference: https://codepen.io/umanga/pen/WNWawWj
6 replies
KPCKevin Powell - Community
•Created by uD on 4/13/2024 in #front-end
Need Help Achieving Individual Scrollbars for Two Divs in a Layout
I have a layout with two sidebars, a left one and a right one. I want each bar to have its own scrollable area without hiding any content. The right bar is positioned absolutely to cover the entire height of its container. However, I'm facing some issues with the layout. What adjustments can I make to achieve this properly with the same html layout?
Codepen: https://codepen.io/umanga/pen/MWRBwyV
5 replies
KPCKevin Powell - Community
•Created by uD on 4/3/2024 in #front-end
Issue with Making Child Div Inherit Height from Parent <td> without js or absolute positning.
8 replies