Skip to content

Conversation

blakekrammes
Copy link
Contributor

  • On Safari, it causes the components to the left to be squashed
  • Removing it gives it the behavior it should have on Safari and other browsers

Link to Jira Ticket

https://formio.atlassian.net/browse/FIO-9245

Description

What changed?

Remove unneeded bootstrap column css class that causes components in a data grid to compress on the left side on Safari when viewing the edit tab in the developer portal.

Why have you chosen this solution?

It was the simplest.

Breaking Changes / Backwards Compatibility

n/a

Dependencies

n/a

How has this PR been tested?

Manually. It's a simple css change.

Here's the change across safari, chrome and brave.

Screen.Recording.2025-07-14.at.5.37.28.PM.mov

And firefox:
Screenshot 2025-07-14 at 5 39 39 PM

Checklist:

  • I have completed the above PR template
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation (if applicable)
  • My changes generate no new warnings
  • My changes include tests that prove my fix is effective (or that my feature works as intended)
  • New and existing unit/integration tests pass locally with my changes
  • Any dependent changes have corresponding PRs that are listed above

  - On Safari, it causes the components to the left to be squashed
  - Removing it gives it the behavior it should have on Safari and other browsers
@blakekrammes blakekrammes deleted the fio-9245-pt-2 branch July 17, 2025 16:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant