flotador no funciona en un contenedor flexible

Quiero colocar el texto (enlace foo) a la derecha del elemento del pie de página.

Necesito mostrar el pie de página para permanecer flex .

Pero cuando lo configuro para float:right , float:right para el lapso ya no funciona.

  

https://jsfiddle.net/dhsgvxdx/

La propiedad float se ignora en un contenedor flexible.

De la especificación flexbox:

3. Contenedores flexibles: los valores de visualización flex y flex inline-flex

Un contenedor flexible establece un nuevo contexto de formato flexible para sus contenidos. Esto es lo mismo que establecer un contexto de formato de bloque, excepto que se usa el diseño flexible en lugar del diseño de bloque.

Por ejemplo, los flotadores no se introducen en el contenedor flexible, y los márgenes del contenedor flexible no se colapsan con los márgenes de su contenido.

float y clear no crean flotación o despeje del elemento flexible, y no lo saque fuera de flujo.

En cambio, solo use las propiedades de flexión:

 footer { display: flex; justify-content: flex-end; } 
  

Funciona si agrega margin-left: auto; como lo hice aquí en jsfiddle: https://jsfiddle.net/dhsgvxdx/3/

    

Si este pie de página solo contiene un elemento alineado a la derecha, simplemente puede aplicar justify-content: flex-end al contenedor flexible. De esta forma, no tiene que agregar ningún estilo a sus hijos.

 footer { display: flex; justify-content: flex-end; } 

Ejemplo de Codepen