Get Cleared field to display in backend

[iamrobert]

Cleared doesn't work in j4:

This code fixes it.

We also need some extra code LESS (/components/com_flexicontent/assets/less/flexi_shared.less) to make it work:

/* vertical form */
#flexicontent {
    .control-group {
        &.fc_vertical {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;

                    .label-fcinner {
                        text-align: left;
                        width: auto;
                    }
        }
    }
}

[micker]

any impact for j3 ?

[iamrobert]

Hi @micker

We can keep both classes which I've done in my update.

.fc_vertical - only applies to display: flex - as J3 doesn't use it flex - it won't affect it.

The CSS seems fine in J3:

As the newer j4 bootstrap uses flex in the .control-group - using floats or clears in the existing code doesn't work.

Switching to flex also allows those pesky .icons to align better.

[micker]

Great thanks