I activated this theme in a fresh Drupal installation.
All listbox created with Webform are not completely visible (see screenshot). I tried in Firefox 23 and Chromium 28.0.1500.71 with the same result.

To fix the problem I increase the height property in form.css, lines 64-88: 

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  color: #555;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 20px;
  margin-bottom: 4px;
  padding: 4px 6px;
  vertical-align: middle;
}

Hope this helps,
Max

CommentFileSizeAuthor
#1 form-elements.png20.31 KBdanny englander
listbox.png1.23 KBmassiws

Comments

danny englander’s picture

danny englander
(he/him)
commented
Assigned: Unassigned » danny englander
Category: bug » support
Status: Active » Postponed (maintainer needs more info)
StatusFileSize
new form-elements.png20.31 KB

Hi Can you clarify what you are defining as a "listbox" in webform? What actual form element does that render? I don't see anything in webform called "listbox".

form elements

In addition, I have a page of form elements in the demo and they all seem fine to me:

http://gratis.themehuis.com/basic-page/form-elements

Have you altered any other CSS?

massiws’s picture

massiws commented

Sorry for my terminology!

As you can see in image attached above (and to reproduce the error):

  • create a new simple webform;
  • create a component select-option in webform;
  • in select-option settings , view section, check 'Listbox' (Check this option if you want the select component to be displayed as a select list box instead of radio buttons or checkboxes.)
  • save and display the webform.

EDIT:
there is also a problem with rendering of the label for the object above: the label of the select-option have always a class element-invisible, so they are always hidden, even if you change settings to inline or above.
You can see an example here.

massiws’s picture

massiws commented

The problem with label display reported above is not related to gratis theme.
It's a Webform issue (see here).

danny englander’s picture

danny englander
(he/him)
commented
Status: Postponed (maintainer needs more info) » Closed (won't fix)

This is most likely an issue with the "Select (or other)" module and not webform as the original reporter suggested and where it was reported. Referencing this for future searching and closing. Please read the update to the issue below.

#1966458: Ticking "Other" option in select list causes label to disappear

massiws’s picture

massiws commented

In your demo page I can see this code on the dropdown box:

select[multiple], select[size] {
    height: auto;
}

On my pages created with Webform the code above isn't applied, so the dropdown element are rendered as my attached screenshot (see here an example).

To fix the problem I need to edit form.css like explained Issue Summary, or, alternatively, adding this:

select.form-select {
    height: auto;
}

I haven't altered any other css.

Hope this make sense.

danny englander’s picture

danny englander
(he/him)
commented
Status: Closed (won't fix) » Needs work
danny englander’s picture

danny englander
(he/him)
commented
Status: Needs work » Fixed

I was able to reproduce this issue in Firefox. There's now a fix with https://drupal.org/node/2080473. Thanks for the suggestion!

Status: Fixed » Closed (fixed)

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