下图说明了表单的状态：

1.插入第一个带有trix-toolbar的div，其中包含一个名为href的标记，该标记被自动解释为（很高兴知道）必须是URL，并给出一个占位符等等。该字段已呈现并禁用
1.所需的文本区域的trix-editor标签具有正确的id
但是，该字段呈现为URL对话框div左上角的小正方形，尺寸为21 x32像素
actiontext.css文件是gem生成的文件：

.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

还要注意，css的基础是从zurb foundation实现的XY网格中获取的，尽管这不应该是重要的，因为所有的内容都是在一个div中生成的。
正在添加：

.trix-content {
  display: block;
}
trix-toolbar{
  display: block;
}
trix-toolbar .trix-dialog--link {
  display: block;
}

确实会彻底呈现输入块，但仍在url对话框后面。

display: block;指令似乎已被忽略。

• 还没有调查输入一个原始网址的影响，所以我不确定这个对话框是否相关 *

要确保trix-editor标记跟在trix-toolbar标记后面，应该做些什么？