Datagrid: title div's width exceeds datagrid's width

[lmjgmiguel]

Describe the bug
Title div's width exceeds datagrid's width causing the entire content of the page panel to scroll horizontally even without any content exceeding the page.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://latest-enterprise.demo.design.infor.com/components/datagrid/example-custom-toolbar.html'
2. Inspect the toolbar's div and observe the width to be way much longer, extending outside the visible space in the browser.

Expected behavior
Width of title div and datagrid should be the same.

Version

• ids-enterprise: v4.98.0

Screenshots

Platform

• Infor Application/Team Name: Infor WFM
• OS Version: Windows 11 Enterprise
• Browser Name: Chrome
• Browser Version: Version 127.0.6533.100 (Official Build) (64-bit)

[ericangeles]

I think this is due to the collapsible search. A workaround probably to put an auto width in the toolbar title.

[ericangeles]

Another option is to remove the scrollable class.

[tmcconechy]

@lmjgmiguel probably a fix to this is to update the example to use flex-toolbar instead of the older deprecated toolbar code. You can do that now if this causes you any functional issues this way?

[tmcconechy]

https://inforwiki.atlassian.net/browse/IDS-4872

[lmjgmiguel]

[like] Louisa May Jasmine Miguel reacted to your message:

…

________________________________ From: Tim McConechy ***@***.***> Sent: Thursday, September 12, 2024 7:52:11 PM To: infor-design/enterprise ***@***.***> Cc: Louisa May Jasmine Miguel ***@***.***>; Mention ***@***.***> Subject: Re: [infor-design/enterprise] Datagrid: title div's width exceeds datagrid's width (Issue #8960) Sent by an external sender. Please be cautious about clicking on links and opening attachments. -------------------------------------------------------------------------------------------------------------------------------- https://inforwiki.atlassian.net/browse/IDS-4872 — Reply to this email directly, view it on GitHub<#8960 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BKIA4WROYX6WIYLXLQ6BXY3ZWHWGXAVCNFSM6AAAAABMLQFO46VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNBXGEYTONBQGY>. You are receiving this because you were mentioned.Message ID: ***@***.***>