Enterprise: Searchfield: long labels do not show correctly

[hohnzy]

Describe the bug
When you pass string to the label long enough that horizontal scrollbar will appear, there is an issue with the line dividing the results and 'all results'

To Reproduce
Steps to reproduce the behavior:

1. In the searchfield demo component, change the label to something extra long
2. Open the demo in browser and go to searchfield
3. Type in a string which will match the long string in code
4. Observe after scrolling to the right in result popdown

Expected behavior
The dividing line should have full width of the popdown

Version

• ids-enterprise-ng: 4.11.0, 5.0.0

Screenshots

Platform

• OS Version: Windows 10
• Browser Name: Chrome
• Browser Version: 71.0.3578.98 (Official Build) (64-bit)

[darinw]

this is an enterprise css issue, not a enterprise-ng issue

it can be fixed by changing the following:

position: sticky;
left: 0;

[tmcconechy]

@clepore would you please move this issue over to Enterprise 👍 ?

[janahintal]

QA failed.
Tested in: https://4150-beta0-enterprise.demo.design.infor.com/components/searchfield/test-long-options.html

Failed in: IE 11 windows 10 & macOS Safari

[brianjuan]

http://4150-rc0-enterprise.demo.design.infor.com/components/searchfield/test-long-options.html
Passed QA testing on all browsers.