Weird column-widths when an <img> is used

Description

For UISE-6, I modified the ui-search to display a small icon next to each search-result, indicating which kind of source it came from – a local inventory or a knowledge base: see https://github.com/folio-org/ui-search/blob/master/src/Search.js#L54-L59

This works, but for some reason the MCL column containing the icon is super-wide; and the column containing the contributor is very narrow, so that it wraps after a couple of words even when there is plenty of space for the whole to fit on a single line. See the attachment.

CSP Request Details

None

CSP Rejection Details

None

Potential Workaround

None

Attachments

1

Checklist

hide

TestRail: Results

Activity

Show:

Mike Taylor December 18, 2017 at 4:14 PM

Thanks.

For what it's worth, there is nothing special about the contributor field in ui-search: it's just a string.

John Coburn December 18, 2017 at 4:06 PM

I can look into the narrow column issue. It might be along the same line as the <img> issue - the rendered data from the formatter coming back as a React Element rather than a string and not being effectively measured by the MCL.

Mike Taylor December 18, 2017 at 4:00 PM

Anyway, since I have a workaround, the urgency of this has declined.

But I am still getting a crazy narrow column for "contributor". Do you plan to work on this, or should I just put in a workaround for that, too?

Mike Taylor December 18, 2017 at 3:48 PM

it works, but I need to pass the prop through <SearchAndSort>, so there's another issue to file, code (roughly one line), document, change-log, push, PR, merge and resolve before I can get on. sigh.

Done

Details

Assignee

Reporter

Priority

Development Team

Stripes Force

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created December 18, 2017 at 2:52 PM
Updated July 3, 2019 at 9:29 PM
Resolved January 15, 2019 at 4:18 PM
TestRail: Cases
TestRail: Runs