This question already has answers here: Why does order of transforms matter? rotate/scale doesn’t give the same result as scale/rotate (2 answers) Understanding translate after scale in CSS transforms (1 answer) Closed yesterday. I’m trying to translate a rotated element but when I do so, the element translates considering the rotated axis. I’m trying to […]

I want to use ShuffleJS (see https://vestride.github.io/Shuffle) to filter out items on a <select> list by typing my search keyword on the <select>‘s input text area and the items in the <select> dropdown to be filtered out dynamically as I type. Unfortunately I have not managed this. And so, I followed the idea in How to add shufflejs for select tag which suggests creating a DIY <select> of some sorts which then ShuffleJS seems to handle OK.

Closed 16 hours ago.

I have an accordion-type component at the bottom of a scrollable container. When the accordion opens, it ends up just overflowing behind the scroll region. I’m trying to get the expanded contents to remain within view while opening. Because it animates open over time, simply setting the scroll position on-trigger doesn’t work. Another option is delaying the scroll until it’s fully open but this is a clunky experience. What are the solutions to this problem?

I’m trying to build an accessible accordion with separate navigation and find that when focusing the input that controls the state of the pane, it scrolls down the page.

I’m trying to build an accessible accordion with separate navigation and find that when focusing the input that controls the state of the pane, it scrolls down the page.

I’m trying to make an item tracker for a game as a webapp. I wanted to have the icon of each item displayed in a grid, and when you click on the image it darkens to indicate that you’ve gotten it. So far I’ve only figured out how to affect the opacity of the images, but works well enough for now. Though when the opacity starts at 1.0, it requires a second click to activate, but only for the first time. After that it works as intended, toggling on click. If I set the initial opacity to 0.5, it works on the first click.

I have the following function setCSSColors which assigns background colors to the text displayed in a table like this:

Closed 9 mins ago.

I’m trying to setup the air-datepicker for two month view on desktop and one month view on mobile but it’s not succeeded, any recommendation how to achieve that?