Enterprise: Circle Pager Tabs Component: Similar Products tab is not displayed correctly on responsive view

[CindyMercadoReyes]

Describe the bug
Circle Pager Tabs Component: Similar Products tab is not displayed correctly on responsive view

To Reproduce
Steps to reproduce the behavior:

1. Go to url: http://4130-beta0-enterprise.demo.design.infor.com/components/circlepager/example-tabs.html
2. Make the page responsive
3. Click the down arrow key and select "Similar Products
4. The circle images are not being displayed properly. Please see screen shot attached.

Expected behavior
The images should not overlap each other.

Version

• ids-enterprise: [e.g. v4.9.0 or v4.10.0]

Screenshots
If applicable, add screenshots to help explain your problem.

Platform

• OS Version: [iOS 8]
• Browser Name [Chrome]

Additional context
Add any other context about the problem here.
None

[tmcconechy]

Im not quite able to make it stay like the screen shot. Are you maybe missing a step?
One thing i do see is that if there is one image showing it is not centered. Maybe the solution is just make it go to one image in the center at that breakpoint. That might just make this an example issue

[janahintal]

QA Failed. Issue still exist.
Tested in : http://master-enterprise.demo.design.infor.com/components/circlepager/example-tabs.html & http://localhost:4000/components/circlepager/example-tabs.html

Failing on all PC Browsers. Working well in Mobile devices os and browsers.

Steps to replicate:

1. Open PC Browser
2. Goto : http://master-enterprise.demo.design.infor.com/components/circlepager/example-tabs.html & http://localhost:4000/components/circlepager/example-tabs.html
3. Click on > Technical Specifications Tabs
4. Minimize the screen
5. Using the arrow key drop down button, click on > Similar Products

[tmcconechy]

@tjamesallen15 can you please take a quick look?

[tjamesallen15]

Sure, tim

[tjamesallen15]

Hi, @tmcconechy,

I tried testing it on safari and chrome and it is working well. I'll talk with @janahintal later since she just sits besides me to ask with this matter.

Thanks!

[tmcconechy]

Ok Sounds good. For your information i just followed the steps exactly as above and i was able to see the issue as well.

[CindyMercadoReyes]

This issue is now resolved. Moving this ticket to Done.