Slick toggle is in the wrong place

Created on 14 April 2024, 2 months ago
Updated 6 May 2024, about 1 month ago

Problem/Motivation

This is happening in Gin theme, http://drupal.org/project/gin.

The toggle for Vanilla slick is not clickable whereas all other toggles work fine.

The issue is that the actual clickable element is in the upper left hand corner of the modal.

Notice from the picture that the input element is in the upper left hand corner of the modal.

Steps to reproduce

Select Slick Carousel as a formatter
Click on settings.
the first toggle is Vanilla slick
try to click on it
nothing happens

all other toggles on the site are fine.

I swtiched to Claro and it is a checkbox and it it works fine as a checkbox.

Using Gin the toggle does not work

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

💬 Support request
Status

Fixed

Version

3.0

Component

Code

Created by

🇺🇸United States SocialNicheGuru

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @SocialNicheGuru
  • 🇺🇸United States SocialNicheGuru
  • 🇺🇸United States SocialNicheGuru
  • Assigned to Esha_Kundu
  • Hello,
    The issue is not in the slick views as the toggle displays as a checkbox which works correctly in other themes like claro, Olivero, etc. as you have mentioned in the steps to reproduce. In the gin theme, the checkboxes are designed as toggle buttons and for the provided settings in the slick views the checkbox element is placed in a different position due to the usage of flex on the parent wrapper. The other toggles present in the site mainly don't have grid or flex used in the parent wrapper for this the issue doesn't occur. I think this issue needs to be resolved particularly for the gin theme since it is related to the theme. I have updated the project to Gin Admin Theme along with the version and the issue summary.

  • Status changed to Postponed: needs info about 2 months ago
  • 🇨🇭Switzerland saschaeggi Zurich

    @Esha_Kundu looking at this screenshot I'd rather like to see the module fix it's use of flex and wrap items. It's overlapping quite some items which is rather a bad UX. Also this way it will automatically fix the toggle. And that the toggle doesn't render correctly is a result of that.

    So I will move this issue back to the module's issue queue to fix the apparent bug:

  • 🇨🇭Switzerland saschaeggi Zurich
  • Issue was unassigned.
  • Status changed to Fixed about 2 months ago
  • 🇮🇩Indonesia gausarts

    Thank you.

    Try searching Gin on the main Slick module for solutions, even a permanent one exists.

  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.69.0 2024