wrap a scroll-area

src/components/viewCard.vue

 <template>
   <div>
-    <q-dialog v-model="showDialog" full-width>
+    <q-dialog v-model="showDialog" full-width full-height>
       <q-card>
         <q-bar class="text-white bg-green"
           >Viewpoint in {{ collection.title }}
@@ -25,11 +25,13 @@
           <q-btn v-close-popup dense round flat icon="close" />
         </q-bar>
 
+        <q-scroll-area>
           <q-card-section>
             <h1>{{ viewpoint.title }}</h1>
             <h4>{{ viewpoint.introduction }}</h4>
             <span v-html="viewpoint.text" />
           </q-card-section>
+        </q-scroll-area>
       </q-card>
     </q-dialog>
   </div>