[PR #733] [MERGED] Update pills so that they handle multi-line properly #3404

Closed
opened 2026-04-25 00:15:31 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/733
Author: @jmt-gh
Created: 6/16/2022
Status: Merged
Merged: 6/17/2022
Merged by: @advplyr

Base: masterHead: multiline_pills


📝 Commits (2)

  • 009e16c add break-all for multiline support for long entries
  • 378b407 Merge branch 'master' into multiline_pills

📊 Changes

1 file changed (+1 additions, -1 deletions)

View changed files

📝 client/components/ui/MultiSelect.vue (+1 -1)

📄 Description

In the unlikely chance that someone has quite a long entry for one of the fields that leverage pills, the current behavior is to have it run off out of the modal. This commit updates that to support breaking it to multiple lines.

Before (if long enough, it will just keep going off the modal/screen):
image

After:
image

After (with #732 ):
image


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/733 **Author:** [@jmt-gh](https://github.com/jmt-gh) **Created:** 6/16/2022 **Status:** ✅ Merged **Merged:** 6/17/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `multiline_pills` --- ### 📝 Commits (2) - [`009e16c`](https://github.com/advplyr/audiobookshelf/commit/009e16c9a477a1a5b70118a3fe5b7e62a964bec9) add break-all for multiline support for long entries - [`378b407`](https://github.com/advplyr/audiobookshelf/commit/378b40790a65d2755e5c637e8c6dc6f40a1e8e43) Merge branch 'master' into multiline_pills ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `client/components/ui/MultiSelect.vue` (+1 -1) </details> ### 📄 Description In the unlikely chance that someone has quite a long entry for one of the fields that leverage pills, the current behavior is to have it run off out of the modal. This commit updates that to support breaking it to multiple lines. Before (if long enough, it will just keep going off the modal/screen): ![image](https://user-images.githubusercontent.com/13617455/173996287-6cc34da4-29a8-4a6e-80f9-b19a755e33c1.png) After: ![image](https://user-images.githubusercontent.com/13617455/173996406-e218becf-994f-4ed5-8cf2-7bd0af612d52.png) After (with #732 ): ![image](https://user-images.githubusercontent.com/13617455/173996489-028a3342-a357-486b-b070-b43bee7a9821.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:15:31 +02:00
adam closed this issue 2026-04-25 00:15:31 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3404