Envoy filter proxy protocol not working

Hi All,

Istio ver: 1.4.4
Followed the instruction @ https://istio.io/docs/examples/bookinfo/ to deploy my first app.

I need to log the client IP and so deployed this envoy filter
apiVersion: networking.istio.io/v1alpha3

   kind: EnvoyFilter
    metadata:
      name: proxy-protocol
      namespace: istio-system
    spec:
      configPatches:
      - applyTo: LISTENER
        patch:
          operation: MERGE
          value:
            listener_filters:
            - name: envoy.listener.proxy_protocol

When I access http://$INGRESS_HOST:$INGRESS_PORT/productpage I get ERR_CONNECTION_RESET

When I access via haproxy (send-proxy is defined in the backend) I get HTTP status code 503

Do I need to do anything else?

Below is the error when access via haproxy and HTTP status code 503
upstream connect error or disconnect/reset before headers. reset reason: connection termination