@onlywhatchess zaten öyle yapıyorum. Bootstrap bu RTL dosyasını önceden derlemiş koymuş indirlen klasörüne. Ben kendime göre nasıl özelleştiricem onu bilemedim.

@akincankoc sağolun hocam cevabınız bir fikir verdi. Tüm kapsayıcılara (html, body dahil) height:100% verdiğimde çözülüyor. Teşekkürler tüm cevap yazanlara :)

@rkamalper Scroll olmasını istediğim kısım zaten bu şekilde ama o da görünmüyor hiç bir şekilde.

&-body {
    overflow: auto;
    flex: 1;
    padding: 1rem;
}

@zafer burda bir örnek var sanırım ücretsiz.

https://laborasyon.com/item/artro-html5-admin-dashboard-template

Böyle daha mantıklı sanki...

.logo {
    height: 56px;
    min-height: 56px;
    border-bottom: 1px solid #4b545c;
    padding-left: 10px;
    display: flex;
    align-items: center;

    & i {
      margin-right: 10px;
    }
}

.profile {
    height: 56px;
    min-height: 56px;
    border-bottom: 1px solid #4b545c;
    padding-left: 10px;
    display: flex;
    align-items: center;

    & i {
      margin-right: 10px;
    }
}

.main-sidebar {
    width: 300px;
    min-width: 300px;
    background: #333;
    color: #fff;
    transition:all 0.5s;
    display: flex;
    flex-direction: column;
        
    @extend .logo;
    @extend .profile;
  
    &-hidden {
        width: 56px;
        min-width: 56px;
        background: #333;
        color: #fff;
        transition:all 0.5s;
        
        @extend .logo;
        @extend .profile;
        
        &:hover {
            position: absolute;
            left:0;
            top:0;
            height:100%;
            min-height:100%;
            width: 300px;
            min-width: 300px;
            z-index: 1;
        }
    }
}

Bir ara bende buna benzer birşey ile uğaşmıştım ama ne yazıkki CSS tarafında bunun çözümü yok gibi. Javascript ile konumlandırman lazım.

@thomasshelby 👌👌

$a = ['a', 'b'];

için

index numarasına göre eşitleme yapabilirsin aslında

$a[0] = ['c', 'd']

veya değere göre arama yapıp sonrasında index e array atayabilirsin.

$key = array_search("a", $a);
$a[$key] = ['c', 'd']

bunları test etmedim ama faydası olur umarım

Tarayıcıların ve işletim sistemlerinin tasarım konseplerinin farklı olmasından kaynaklı. Selectbox'ı web tarafında CSS, HTML ve javascript ile istediğin görünüme dönüştürebilirsin..

İkinci sefer de hangi elemana tıklıyorsun bu önemli. sildikten sonra parentNode ile tekrar seçim yaptığında üst nesneeyi bulamıyor dolayısıyla metoda erişemiyor ve hata veriiyor. Muhtemelen hatan bu. Event ları adım adım uygula ve DOM' da meydana gelen değişiklikleri izle böylece hatanı daha kolay bulabilirsin diye düşünüyorum.