You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Should not overwrite itemHeight, height and does not as expected, in Chrome, however it does not function as expected in Firefox.
Actual Behavior
For example responsiveHeight 16% and itemHeight 42, results in a 7px item height in Firefox.
Steps to Reproduce the Problem
<CheckMulti
items={items}
selectedItems={selectedItems}
showSelectedItems={showSelected}
showSelectAll={multi} // multi is a boolean
maxSelectedItems={(!isEmpty(max) && parseInt(max) > 0) ? max : (multi ? 12 : 1)}
height={multi ? 400 : 250}
// responsiveHeight={multi ? '28%' : '16%'} // not rendered correctly in Firefox
withGrouping={groups ? groups : multi}
onChange={update}
filterFunction={value => item =>
String(item.name).toLowerCase().includes(value.toLowerCase())}
wrapperClassName="multi-select-wrapper"
itemHeight={42}
/>
Specifications
Version: 1.1.5, Firefox 70.0
Platform: ,
Subsystem:
The text was updated successfully, but these errors were encountered:
konstantinEnable
changed the title
responsiveHeight in Firefox does not work correctly with %
responsiveHeight MultiSelect in Firefox does not work correctly with %
Nov 11, 2019
Expected Behavior
Should not overwrite itemHeight, height and does not as expected, in Chrome, however it does not function as expected in Firefox.
Actual Behavior
For example responsiveHeight 16% and itemHeight 42, results in a 7px item height in Firefox.
Steps to Reproduce the Problem
<CheckMulti
items={items}
selectedItems={selectedItems}
showSelectedItems={showSelected}
showSelectAll={multi} // multi is a boolean
maxSelectedItems={(!isEmpty(max) && parseInt(max) > 0) ? max : (multi ? 12 : 1)}
height={multi ? 400 : 250}
// responsiveHeight={multi ? '28%' : '16%'} // not rendered correctly in Firefox
withGrouping={groups ? groups : multi}
onChange={update}
filterFunction={value => item =>
String(item.name).toLowerCase().includes(value.toLowerCase())}
wrapperClassName="multi-select-wrapper"
itemHeight={42}
/>
Specifications
The text was updated successfully, but these errors were encountered: