I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour:

I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour:

I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour:

I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour:

I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour:

I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour:

I have a case where I have a couple of flex items in a flex-box container. As the width of the container is reduced, I want the left item to not truncate and the right item to keep truncating until there’s enough space for both the items. The right item should disappear if there’s no more space left for it. See images below to understand the behaviour: