This image showcases the functionality of the site, specifically in the "Enter a code" column where users can input data using TagsInput. I am seeking to enhance this feature by ensuring that shorter tags are displayed on a single line. While I am aware that applying "inline" could achieve this, it may cause longer tags to exceed the boundaries of the modal window.
.tag {
display: flexbox;
align-items: center;
margin: 5px 0;
margin-right: 5px;
padding: 0 5px;
border: 1px solid black;
border-radius: 5px;
color: black;
overflow: hidden;
text-overflow: ellipsis;
max-width: fit-content;
white-space: nowrap;
position: relative;
}
Despite my efforts and research on stackoverflow, I have not been able to achieve the desired result. Any suggestions or hints from your end would be greatly appreciated.