ractive-ez-combobox/lib/EzSelectBox.less

Ractive Ez UI Combobox

.ez-selectbox {
    position: relative;
    display: flex;
    flex-direction: row;

    .ez-selectbox-value,
    .ez-selectbox-placeholder {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    & > .ez-selectbox-editor {
        position: relative;
        width: 100%;
        height: 100%;

        & > input {
            box-sizing: content-box;
        }

        & > .ez-selectbox-input-width {
            position: absolute;
            top: 0;
            left: 0;
            visibility: hidden;
            z-index: -1;
        }

    }

    & > .ez-selectbox-options {
        position: fixed;
        z-index: 100;
    }
}