Dropdown is hidden in the contents overview page.

Hi @Mingsong ,
-follows given reproduced step.
- install this module my local machine.
- I'm not getting error.
- Attached screenshot.

Hi @sarwan,

According to your screenshot,

No items (content) selected. So the dropdown menu (Actions) is empty.

In the step 5 of the steps to reproduce, you need to select some contents to fill up the action menu and then you will see the dropdown list is hidden under the bulk operation form (bar).

hi, this issue can't be replicated in my machine. See attached screenshots for reference.

After inspecting the html markup, I figured out why this happened to my website.

The Chosen JS provides the capability to work out the direction (up or down) to drop the menu box automatically.

It will add the 'chosen-dropup' class (see below link) to select menu if it need to drop up instead of down.

https://github.com/JJJ/chosen/blob/4afd7152ee32dddc2e2b749bfdaaa8525837d...

Somehow, it didn't apply the 'chosen-dropup' class to the select element in the bulk operation form.

The bug is supposed to patch in Chosen JS years ago.

See https://github.com/harvesthq/chosen/pull/1330

hi, I can't see that class in my machine. Attaching screenshot for refrence,

Ok, I worked out why.

I used the drush command 'drush chosenplugin' to install the Chosen JS for one of my test site, which will download the Chosen JS from

https://github.com/JJJ/chosen/archive/refs/tags/2.2.1.zip

See https://git.drupalcode.org/project/chosen/-/blob/4.0.0/modules/chosen_li...

That is different library suggested by composer install constructions in the project page or the Readme file, which suggested downloading from https://github.com/harvesthq/chosen

If you install the library by following the instructions or composer, you should get the different library from mine.

That is why you can not find the CSS class mentioned in #8. But as long as it works for you, there should be a similar class that change the direction from drop down to drop up.

As 4.0.0 has already updated the Chosen JS to jjj/chosen 2.2.1, I close this ticket since it is out of date.

See
https://git.drupalcode.org/project/chosen/-/commit/eb8ffc2d66969a9e720d3...