Open konstantinEnable opened 5 years ago
Should not overwrite itemHeight, height and does not as expected, in Chrome, however it does not function as expected in Firefox.
For example responsiveHeight 16% and itemHeight 42, results in a 7px item height in Firefox.
<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} />
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