Почему элемент исчезает после добавления его в существующий DOM?

Question

[Илья Лившиц]

Пытаюсь создать контрол панель для видео плеера. Проблема в том, что мало того, что сама панель имеет абсолютное позиционирование, так еще и ползунок звука. Таким образом, когда я встраиваю его в панель, полосочка исчезает, оставляя лишь пипку ползунка. Подскажите в чем может быть проблема? Вот ссылка на кодпен codepen.io/eljlive/pen/woKEPd?editors=1100

Answer 1

[Anton fon Faust]

Посмотрите скомпилированный css свой.
У вас

.rangeslider.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 4px;
}

Позиционирование не прописано.
Абсолютное позиционирование отсчитывает свои координаты от первого родителя с позиционированием отличным от static.

Comments

[Илья Лившиц]

я пытался манипулировать позиционированием. Мне это не очень помогло. Точнее вообще не помогло) Если есть возможность ткнуть меня носом в то, что нужно поправить, сделайте это пожалуйста)