Inputs inside the table looks elongated on Android devices

[ciprianandrusca]

Prerequisites

• I have checked the open Issues to see if this has already been raised
• I have searched the closed Issues to see if a similar bug has been fixed in the past

Description

This bug affects:

• GitHub workflows
• Component
• Config
• Performance
• Tooling / Frameworks
• Documentation
• Something else

Steps to Reproduce

1. Add a Canopy table to the page
2. Set [showColumnsAt]="'sm'" to the table
3. Add 2 columns (<td lg-table-cell>)
4. Add input in the 2nd column ( <lg-input-field >)
5. View the table on a Android devices

Expected behaviour:

Input fields are having the same width on Android and Apple devices.

Actual behaviour:

Input fields are elongated on Android devices only.

Recurrence frequency:

• Occurs every time
• Occurs intermittently
• Unsure

Package version

• This problem started happening recently
• This problem started happening a while ago
• Unsure

Configuration and environment

• This pertains to local development
• This pertains to the CI
• This pertains to Storybook

Additional Information

[pauleustice]

@eduardh-landg To investigate within the next couple of weeks

[pauleustice]

@taraculpin To investigate in Ed's absence

[eduardh-landg]

I can confirm the issue is still persisting.

[eduardh-landg]

I was able to replicate the same issue by creating a blank page with an input text. This demonstrates it is not a Canopy issue.

Edit: Test device is a Pixel 3 running the out of the box Chrome 113.

[eduardh-landg]

Same behavior identified under Firefox 110.0.1

[eduardh-landg]

Same behavior identified between Firefox simulating the resolution of an iPhone 15 and a iPhone 15 simulator.

[eduardh-landg]

Conclusion: as long as specific behavior for width is not specified on the input element, the browser engine will manage it as seen in the reported issue. This is not specifically a Canopy bug. Is there specific behavior expected from Canopy on this? @ciprianandrusca

[pauleustice]

We discussed during standup and agreed that the width of the input field is a responsibility of the integrator/consumer, rather than of Canopy itself.