From cb206dfd40a70d77028134b69e1a4e36aaf50337 Mon Sep 17 00:00:00 2001
From: Bramble Xu <liangxu006@gmail.com>
Date: Thu, 13 Dec 2018 15:58:54 +0900
Subject: [PATCH] iss43: add tagged-text class in js and css

---
 app/server/static/css/annotation.css      | 5 +++++
 app/server/static/js/sequence_labeling.js | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/server/static/css/annotation.css b/app/server/static/css/annotation.css
index a7ae9d4f..e36217db 100644
--- a/app/server/static/css/annotation.css
+++ b/app/server/static/css/annotation.css
@@ -150,6 +150,11 @@ body {
   white-space: pre-wrap;
 }
 
+.content .tagged-text {
+  white-space: unset;
+  height: auto;
+}
+
 :focus {
   outline: 0;
 }
diff --git a/app/server/static/js/sequence_labeling.js b/app/server/static/js/sequence_labeling.js
index 5600a105..2ed3ef32 100644
--- a/app/server/static/js/sequence_labeling.js
+++ b/app/server/static/js/sequence_labeling.js
@@ -8,7 +8,8 @@ Vue.use(require('vue-shortkey'), {
 
 Vue.component('annotator', {
   template: '<div @click="setSelectedRange">\
-                    <span v-for="r in chunks"\
+                    <span class="tagged-text"\
+                         v-for="r in chunks"\
                          v-if="id2label[r.label]"\
                          v-bind:class="{tag: id2label[r.label].text_color}"\
                          v-bind:style="{ color: id2label[r.label].text_color, backgroundColor: id2label[r.label].background_color }"\