Select widget isn't visible

Created on 6 July 2024, 5 months ago
Updated 29 July 2024, 4 months ago

Problem/Motivation

After choosing Tagify Select as widget and visiting the entity form, the select widget is not visible.

Proposed resolution

The problem seems to be that the <tags> element has the hidden class. If I remove that class, the widget appears and is fully functional.

πŸ› Bug report
Status

Closed: works as designed

Version

1.2

Component

Code

Created by

πŸ‡§πŸ‡ͺBelgium dieterholvoet Brussels

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

Comments & Activities

  • Issue created by @dieterholvoet
  • πŸ‡ͺπŸ‡ΈSpain gxleano CΓ‘ceres

    Hi Dieter,

    Could you provide more info, please?

    I was not able to reproduce the reported issue.

    Testing steps

    Using a clean installation of latest version of Drupal (Claro by default) and Tagify:
    1. Add a new entity reference field (Using taxonomy terms) and set Tagify Select as widget.
    2. Create and Article, and the entity reference field using Tagify Select widget is working as expected.

    Could you check if something that you have added to the project is interfering with the tags?

  • Status changed to Postponed: needs info 4 months ago
  • πŸ‡ͺπŸ‡ΈSpain gxleano CΓ‘ceres
  • πŸ‡§πŸ‡ͺBelgium dieterholvoet Brussels

    I tried to turn off a bunch of custom and contrib code, but no change. I can see the hidden class is added in Drupal\tagify\Element\SelectTagify::preRenderSelect(), but where exactly is it removed?

    I'm using the latest version of Drupal core and the Tagify module. I tried switching from Gin to Claro, but that doesn't fix it. This is the JS library version that's being loaded: https://cdnjs.cloudflare.com/ajax/libs/tagify/4.26.0/tagify.min.js

  • Status changed to Closed: works as designed 4 months ago
  • πŸ‡§πŸ‡ͺBelgium dieterholvoet Brussels

    After a lot of trial and error I have been able to track down the issue. The Anti Duplicates module β†’ defines the following style:

    .hidden {
      display: none !important;
    }
    

    This hides the Tagify widget. The class isn't even being used in the module, so I'll remove it there.

  • πŸ‡§πŸ‡ͺBelgium dieterholvoet Brussels
Production build 0.71.5 2024