“Copy to clipboard” button adds extra lines into the copied text

[hackertron]

This is a Bug Report

Problem: copy to clipboard functionality has an issue. Whenever you copy the yaml file it adds extra spaces. e.g. go to this yaml https://kubernetes.io/docs/concepts/services-networking/network-policies/#networkpolicy-resource and copy the yaml using the button. it will be like this

apiVersion: networking.k8s.io/v1

kind: NetworkPolicy

metadata:

  name: test-network-policy

  namespace: default

spec:

  podSelector:

    matchLabels:

      role: db

  policyTypes:

    - Ingress

    - Egress

  ingress:

    - from:

        - ipBlock:

            cidr: 172.17.0.0/16

            except:

              - 172.17.1.0/24

        - namespaceSelector:

            matchLabels:

              project: myproject

        - podSelector:

            matchLabels:

              role: frontend

      ports:

        - protocol: TCP

          port: 6379

  egress:

    - to:

        - ipBlock:

            cidr: 10.0.0.0/24

      ports:

        - protocol: TCP

          port: 5978

when it should be like this

apiVersion: networking.k8s.io/v1
kind: NetworkPolicy
metadata:
  name: test-network-policy
  namespace: default
spec:
  podSelector:
    matchLabels:
      role: db
  policyTypes:
    - Ingress
    - Egress
  ingress:
    - from:
        - ipBlock:
            cidr: 172.17.0.0/16
            except:
              - 172.17.1.0/24
        - namespaceSelector:
            matchLabels:
              project: myproject
        - podSelector:
            matchLabels:
              role: frontend
      ports:
        - protocol: TCP
          port: 6379
  egress:
    - to:
        - ipBlock:
            cidr: 10.0.0.0/24
      ports:
        - protocol: TCP
          port: 5978

Proposed Solution:
fix the extra space/markdown when using copy to clipboard.

Page to Update:
https://kubernetes.io/...

[k8s-ci-robot]

@hackertron: This issue is currently awaiting triage.

SIG Docs takes a lead on issue triage for this website, but any Kubernetes member can accept issues by applying the triage/accepted label.

The triage/accepted label can be added by org members by writing /triage accepted in a comment.

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[jihoon-seo]

For me, this is reproducible, and my environment is:

• Windows 11 (64-bit)
• Google Chrome 102.0.5005.115 (64-bit)

[Kartik494]

@jihoon-seo i too found this issue ,it's showing space in yaml file after copying into machine.
i am using Ubuntu.

[dhanraj322]

@hackertron @jihoon-seo I'm new to the open source world and would love to get started with contributions. Is it alright if I assign this issue to myself ?

[dhanraj322]

This is reproducible for me on following environments:

• macOS 12.4 + Safari 15.5
• Ubuntu 20.04.4 LTS + Chrome 102.0.5005.115

Also found similar issue for this yaml https://kubernetes.io/docs/concepts/services-networking/connect-applications-service/#exposing-pods-to-the-cluster

[dhanraj322]

/assign

[ayushtamra]

/assign

[jihoon-seo]

/unassign @dhanraj322

[hackertron]

Now it looks like the spaces are included in the markdown also : https://kubernetes.io/docs/tasks/configure-pod-container/configure-pod-configmap/#configure-all-key-value-pairs-in-a-configmap-as-container-environment-variables