SA-38526

Summary

In grid column headers, the filter icons are misaligned in Internet Explorer(IE) browser. When the header text is long and wraps, the filter icon is vertically set to middle of the cell but when the header text is in one line, the icons are to the top left of the cell.

Screenshot of filter icon in IE:



Screenshot of filter icon in Chrome:

Error Messages

Not Applicable

Steps to Reproduce

1. Create a section which contains a Grid Repeat, and select ‘Allow filtering’ checkbox.
2. Include a long column header that wraps to next line.
3. Create a flow action and flow to run.
4. Run the flow on Firefox or Chrome browser and check filter icon’s position.
5. Run the same flow on IE11 and check the filter icon position.

Actual Observation: In IE, the filter icon is not displayed correctly. Its display level is higher than the column label.
Expected Observation: The filter icon is aligned correctly besides the column label.

Root Cause

Height for filter icon was being calculated incorrectly.

Resolution

Apply HFix-34543