Firefox 68 having issue with Ad Hoc drop down list selection

Table of Contents 

Issue:

After upgrading Firefox browser to version 68.0.x, users have an issue with making a selection from the drop-down menu in the Ad Hoc View Panel.

The values cannot change when clicking on the drop down list.

Solution:

This is a client side defect that was reported in the following incident:

  • JS-34685: Dropdown in Ad Hoc View not working with Firefox v.68

This defect is fixed in the major release, TIBCO JasperReports 7.5, which is available for download via TIBCO eDelivery. 

Until a fix is in place, the workarounds available are:

  1. Use a different internet browser such as Chrome or Internet Explorer.

  2. Use the UP/DOWN arrow keys from the keyboard to make the selection.

You can also import attached theme. This introduced CSS fix metioned in the comment section below

Attachments: 
Package icon default_theme_720_js-34685.zip

Comments

Submitted by misterjaaay on September 17, 2019 - 4:41am

So the solution is as follows: 

  1. Log in as an administrator with access to the "default" theme you use to download it. 
  2. Click View > Repository and expand the Themes folder if necessary. 
  3. Right-click the theme folder you want to download and select Export.
  4. The server prompts you to save the file named <theme-name>.zip. Save it anywhere on your computer. 
  5. Use an archiving or compression utility to extract the files from the ZIP file and save them on your computer. 
  6. Find a file controls.css (/themes/default/controls.css) 
  7. Open with any text editor, jump to line 2016 (might differ) to find the following block

    .toolbar .dropList {
    width:auto;
    margin-top: 4px;
    margin-right: 8px;
    margin-left: 8px;
    }

    change it to

    .toolbar .dropList {
    width:auto;
    margin-top: 4px;
    margin-right: 8px;
    margin-left: 8px;
    display: block;
    }

  8. Create a zip archive with the theme files. 
  9. Go to jasper server > manage > server settings > import > choose the archive with the theme > tick include themes option and press import. 
  10. Refresh your browser page ctrl+f5. Restart of application server might be required if you see no changes. 

Submitted by ghudson_1 on September 24, 2019 - 11:18am

If you are already using theme modifications, just add the following to your overrides_customs.css:

.toolbar .dropList { display: block; }

Feedback
randomness