Skip to main content
sberic
sberic
Legend
December 27, 2017
Question

[BUG] <select> element contents not rendered near bottom of panel window

  • December 27, 2017
  • 1 reply
  • 1379 views

Cross-posting to raise awareness of the issue. See the full description at GitHub Issue #154.

The short of it is that in CEP8 (at least), dropdown menus (via the <select> element) positioned near the bottom of a panel window will have the dropdown menu contents cut off, rather than either:

  1. appear over the edge of the window, or
  2. appear as a drop-up.

This fairly strongly breaks the usability of the element. [Tagging Bruce Bullis​ and Zac Lam.]

This topic has been closed for replies.

1 reply

Trevor:
Trevor:
Legend
December 27, 2017

use https://jqueryui.com/selectmenu/  and set like this

$('#YouerSelector').selectmenu({     position: { collision: "flip" } });
    sberic
    sbericAuthor
    Legend
    December 27, 2017

    Trevorׅ​ Interesting. Let's break this down a bit:

    1. We do not use jQuery in our system. Is there a way to do this in a non-jQuery way?
    2. The link you sent has dropdown lists that look like the ones in Vanilla-HTML CEP panels. Did you guys install jQuery under the hood for some reason perhaps?
    Trevor:
    Trevor:
    Legend
    December 27, 2017

    I use jquery, I find it way easier to work with.

    I don't know how to do it without jquery bu you can check out the jquery source code and just take that snippet.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices