Почему ссылка в редакторе quill.js выходит за пределы блока?

Question

[Александр Белан]

При выборе ссылки в редакторе quill.js она как бы режется, а нужно, чтобы выходила за пределы блока.

Вот тут более наглядно:


Вот сам код quill:

var toolbarOptions = [
	['bold', 'italic', 'underline', 'strike'],        // toggled buttons
	['blockquote', 'code-block'],

	[{ 'header': 2 }, { 'header': 3}],        // custom button values
	[{ 'list': 'ordered'}, { 'list': 'bullet' }],
	[ 'link', 'image' ],
	
	[{ 'indent': '-1'}, { 'indent': '+1' }],          // outdent/indent
	[{ 'direction': 'rtl' }],                         // text direction

	[{ 'size': ['small', false, 'large', 'huge'] }],  // custom dropdown

	[{ 'color': [] }, { 'background': [] }],          // dropdown with defaults from theme
	[{ 'align': [] }],
	
	['clean'],                                         // remove formatting button
];

var quill = new Quill('#form_text', {
	modules: {
	toolbar: toolbarOptions
	},
	theme: 'snow'
});

Я пытался это исправить через css, но не помогает:

.ql-container.ql-snow {
	position: relative;
	z-index: 100;
}

.ql-editing[data-mode="link"] {
	position: absolute;
	z-index: 1000;
}

Answer 1

[Денис Туренко]

Смотрите родителя блока, в котором редактор, в нем нужно убрать overflow: hidden;, тогда элемент будет виден.