Fix word-break issue on metadata card#2198
Conversation
I am not too familiar with this perhaps because the Also, would setting a concrete width on the table help? |
|
Yeah I'm not really that familiar with this styling approach either... had to do quite a bit of digging / experimenting to finally figure out how to make it work. Sadly I don't have a great reference for exactly what's going on here, but there are a few things I found that led me to this solution 9https://gist.github.com/prabhuramkumar/4491951) Also, setting a concrete width on the table does NOT work, unfortunately (which was very frustrating) |
|
Can you please provide me with a sample data I can use to reproduce the bug? I cannot reproduce this by simply patching the DOM, thanks! |
|
Here's what I did to address it: Add the following to {
"bookmarksPath": "http://projector.tensorflow.org/oss_data/bnmt_enjako_interlingua_10k_1024_bookmarks.txt",
"metadataPath": "http://projector.tensorflow.org/oss_data/bnmt_enjako_interlingua_10k_1024_metadata.tsv",
"tensorName": "GNMT Interlingua",
"tensorPath": "http://projector.tensorflow.org/oss_data/bnmt_enjako_interlingua_10k_1024_tensors.bytes",
"tensorShape": [9978, 1024]
} |
Long strings in metadata were incorrectly overflowing the metadata card. Since the element is styled as a table, we need to use word-break rather than overflow-wrap.
before

after
