[COMPASS-7377] Make overflow visible for document keys in Safari Created: 26/Oct/23  Updated: 30/Jan/24  Resolved: 16/Jan/24

Status: Closed
Project: Compass
Component/s: None
Affects Version/s: None
Fix Version/s: 1.42.0

Type: Story Priority: Major - P3
Reporter: Jack Weir Assignee: Himanshu Singh
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2023-10-26 at 11.10.59 AM.png    
Issue Links:
Related
Epic Link: COMPASS-7021
Story Points: 2
Documentation Changes: Not Needed
Sprint: Iteration Pterodactyl

 Description   

Problem Statement/Rationale

When Data Explorer is rendered in Safari, most document keys are shown clipped and ellipsized (see attached screenshot). Can we make sure that the overflow is set to "visible" in the CSS for the document keys?

Possibly here, but I defer to you all on implementation

Please be sure to attach relevant logs with any sensitive data redacted.
How to retrieve logs for: Compass; Shell

Steps to Reproduce

How could an engineer replicate the issue you’re reporting?
Load Data Explorer in Safari

Expected Results

Expected behavior is that the field name is shown in it's entirety if there is room to display it 

Actual Results

Field names are clipped and ellipsized, even when there is plenty of screenspace

Additional Notes

Any additional information that may be useful to include.



 Comments   
Comment by Githook User [ 30/Jan/24 ]

Author:

{'name': 'Himanshu Singh', 'email': 'himanshu.singhs@outlook.in', 'username': 'himanshusinghs'}

Message: fix(compass-components): prevent document keys from getting ellipsized on safari COMPASS-7377 (#5344)

fix: prevent document keys from getting ellipsed on safari
Branch: ga-releases
https://github.com/mongodb-js/compass/commit/1db0743edd6ac8df4890b12aa54b4c024f9f036a

Comment by Githook User [ 22/Jan/24 ]

Author:

{'name': 'Himanshu Singh', 'email': 'himanshu.singhs@outlook.in', 'username': 'himanshusinghs'}

Message: fix(compass-components): prevent document keys from getting ellipsized on safari COMPASS-7377 (#5344)

fix: prevent document keys from getting ellipsed on safari
Branch: compass-web-e2e
https://github.com/mongodb-js/compass/commit/1db0743edd6ac8df4890b12aa54b4c024f9f036a

Comment by Githook User [ 22/Jan/24 ]

Author:

{'name': 'Himanshu Singh', 'email': 'himanshu.singhs@outlook.in', 'username': 'himanshusinghs'}

Message: fix(compass-components): prevent document keys from getting ellipsized on safari COMPASS-7377 (#5344)

fix: prevent document keys from getting ellipsed on safari
Branch: beta-releases
https://github.com/mongodb-js/compass/commit/1db0743edd6ac8df4890b12aa54b4c024f9f036a

Comment by Githook User [ 16/Jan/24 ]

Author:

{'name': 'Himanshu Singh', 'email': 'himanshu.singhs@outlook.in', 'username': 'himanshusinghs'}

Message: fix(compass-components): prevent document keys from getting ellipsized on safari COMPASS-7377 (#5344)

fix: prevent document keys from getting ellipsed on safari
Branch: main
https://github.com/mongodb-js/compass/commit/1db0743edd6ac8df4890b12aa54b4c024f9f036a

Generated at Wed Feb 07 22:46:21 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.