search

SAP / fundamental-ngx

Fundamental Library for Angular is SAP Design System Angular component library
https://sap.github.io/fundamental-ngx
Apache License 2.0
269 stars 130 forks source link

Padding of the grid list item is clickable. #10747

Open dhivya910 opened 1 year ago

dhivya910 commented 1 year ago

Is this a bug, enhancement, or feature request?

This is a bug

Describe your proposal.

The space between the items in grid list (padding of the grid list item) is clickable. The expected behavior is that only the grid list item should be clickable, not the padding between them. (Reference - https://sap.github.io/fundamental-ngx/#/core/grid-list | mode- none). A video of the issue is attached below for your reference.

https://github.com/SAP/fundamental-ngx/assets/67852219/18dd36f1-d1f5-4089-b1c3-2a34b735f0fa

Can you handle that on the application side

Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version.

angular : 16.2.8 fundamental-ngx : 0.45.1

If this is a bug, please provide steps for reproducing it; the exact components you are using;

Click the padding between the grid list items. The padding is clickable, and it navigates inside the grid list item.

Did you check the documentation and the API?

Yes

Did you search for similar issues?

Yes

github-actions[bot] commented 1 year ago

Hello @dhivya910, thank you for using fundamental-ngx! The fundamental-ngx team will triage your issue as soon as possible.

droshev commented 1 year ago

the markup doesn't match fundamental styles. We need to revisit the grid list in NGX.

dhivya910 commented 10 months ago

Hi @droshev Is there any update regarding this issue?

Ashah2013 commented 4 weeks ago

@droshev Is there any update on the issue? Issue is still reproducible, Stackblitz link: https://stackblitz.com/edit/8xrmb3?file=src%2Fapp%2Fgrid-list-dnd-example.component.html