<shreddit-async-loader bundlename="comment_body_header">
      <comment-body-header class="block px-md xs:px-0 bg-[color:var(--shreddit-content-background)] text-tone-1 ">
        
  
    <shreddit-async-loader bundlename="comment_composer" shouldrenderasslot="" slot="" class="">
      <faceplate-tracker source="comment_composer" noun="add_comment_placeholder" action="click">
        <faceplate-tracker source="comment_composer" action="view" noun="add_comment_placeholder"> <button data-testid="trigger-button" class="disabled:cursor-not-allowed cursor-text disabled:opacity-50 w-full text-neutral-content-weak text-14 leading-6 font-normal px-md py-xs bg-neutral-background border-neutral-border border-solid border tracking-tight text-left h-auto" disabled="">
        Add a comment
      </button><!----></faceplate-tracker>
      <!----></faceplate-tracker>
      <comment-composer-host slot="ready" post-id="t3_1hqxujd" is-check-comment-guidance-availability-set="" is-perform-comment-guidance-evaluation-set="">
        <faceplate-tracker source="comment_composer" action="view" noun="add_comment_button"> <button data-testid="trigger-button" class="disabled:cursor-not-allowed cursor-text disabled:opacity-50 w-full text-neutral-content-weak text-14 leading-6 font-normal px-md py-xs bg-neutral-background border-neutral-border border-solid border tracking-tight text-left h-auto">
        Add a comment
      <button data-testid="trigger-button" class="disabled:cursor-not-allowed cursor-text disabled:opacity-50 w-full text-neutral-content-weak text-14 leading-6 font-normal px-md py-xs bg-neutral-background border-neutral-border border-solid border tracking-tight text-left h-auto">
        Add a comment
      </button></button><!----></faceplate-tracker>
        <faceplate-form class="m-0" action="/svc/shreddit/t3_1hqxujd/create-comment" target="#next-comment" partial-mode="replace" slot="ready" method="post">
          
          
          
          <input type="hidden" name="recaptchaToken">
          
    <shreddit-composer class="w-full block" name="content" mode="richText" required="" placeholder="Add a comment" aria-describedby="comment-composer-message-root" aria-required="true" aria-disabled="false">
      <div slot="rte" name="body" contenteditable="true" role="textbox" class="px-md py-sm outline-none relative resize-y overflow-y-auto min-h-[44px] leading-5 box-border" tabindex="1" aria-placeholder="Add a comment" data-lexical-editor="true" style="user-select: text; white-space: pre-wrap; word-break: break-word; --emote-size: 60px; --emote-scale: 0.46875; --emote-line-height: 1.2em;"><p class="first:mt-0 last:mb-0"><br></p></div>
      <data slot="rte" value="config" data-key="formattingBar" data-show-formatting-bar="false"></data>
      <data slot="rte" value="config" data-key="images" data-allow-static-images="true" data-allow-animated-images="true" data-allow-creation="true"></data>
      <data slot="rte" value="config" data-key="media" data-max-media-count="1"></data>
      <data slot="rte" value="config" data-key="giphy" data-allow-creation="true"></data>
      <data slot="rte" value="config" data-key="emotes" data-allow-creation="false" data-subreddit-name="suicidetalkz8"></data>
      
      
      
    <button rpl="" class="
button-small px-[var(--rem10)]
button-secondary



items-center justify-center
button inline-flex " slot="cancel-button" type="reset">
      <span class="flex items-center justify-center">
      
      <span class="flex items-center gap-xs">Cancel</span>
    </span>
    
    </button>
    <button rpl="" class="relative button-small px-[var(--rem10)] button-primary items-center justify-center button inline-flex cursor-pointer" slot="submit-button" type="submit">
      <span class="flex items-center justify-center">
      
      <span class="flex items-center gap-xs">
            <span class="block relative">
              <span slot="content" style="opacity: 1;">
                Comment
              </span>
              <span slot="spinner" class="absolute inset-0 flex justify-center items-center hidden" aria-hidden="true">
                <icon-load size="md" class="animate-spin leading-[0] absolute"></icon-load>
              </span>
            </span>
          </span>
    </span>
    
    </button>
  
    <data value="redditor" slot="rte" data-name="Shiva_Shivarla" data-id="t1_m4tfygs"></data></shreddit-composer>
  
        </faceplate-form>
        <faceplate-tracker slot="ready" action="view" noun="add_comment_composer" source="comment_composer"><!----></faceplate-tracker>
      </comment-composer-host>

      <faceplate-tracker slot="error" action="view" noun="bundle_load_error" source="comment_composer"><!----></faceplate-tracker>
    </shreddit-async-loader>
  
      <shreddit-async-loader bundlename="shreddit_sort_dropdown">
        <shreddit-comments-sort-dropdown class="flex justify-between flex-wrap mt-sm" target="comment-tree-content-anchor-1hqxujd" path="/svc/shreddit/comments/r/suicidetalkz8/t3_1hqxujd?render-mode=partial">
          
          <div class="flex items-center box-border mb-sm">
            <div class="flex items-center pdp-comments-tree-sort-container">
              <span class="lg:mr-2xs text-neutral-content-weak text-12 whitespace-nowrap">
                Sort by:
              </span>
               <shreddit-sort-dropdown class="nd:hidden" header-text="Sort by" telemetry-source="comment_sort" trigger-id="comment-sort-button" sort-event="comment-sort">
                    <div slot="selected-item">Best</div>
                    <div slot="tooltip-content">Open comment sort options</div>
                    <div slot="dropdown-items">
                      
      <data value="CONFIDENCE">
        <li rpl="" rpl-selected="" class="relative list-none mt-0 " role="presentation">
      <div aria-selected="true" role="menuitem" tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary-onBackground bg-neutral-background-selected hover:bg-neutral-background-selected hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="best-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M16 10.011v-.445A10.264 10.264 0 0 0 10.273.221L10 .087l-.273.134A10.263 10.263 0 0 0 4 9.566v.445a3.727 3.727 0 0 0-3 3.7v3.141A1.14 1.14 0 0 0 2.125 18h15.75A1.14 1.14 0 0 0 19 16.852v-3.141a3.727 3.727 0 0 0-3-3.7ZM2.25 16.75v-3.039A2.493 2.493 0 0 1 4 11.3v5.45H2.25Zm12.5 0h-9.5V9.566A9.037 9.037 0 0 1 10 1.483a9.037 9.037 0 0 1 4.75 8.083v7.184Zm3 0H16V11.3a2.493 2.493 0 0 1 1.75 2.416v3.034ZM7 18.75h6V20H7v-1.25ZM7 8a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm4.75 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Best</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
      </data>
    
      <data value="TOP">
        <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div aria-selected="false" role="menuitem" tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="top-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.875 11H13V7h2.242a.725.725 0 0 0 .513-1.238L10.5.628l-.257-.212-.589.029L4.21 5.764A.726.726 0 0 0 4.725 7H7v4H2.125A1.118 1.118 0 0 0 1 12.107v5.786A1.118 1.118 0 0 0 2.125 19h15.75A1.118 1.118 0 0 0 19 17.893v-5.786A1.118 1.118 0 0 0 17.875 11ZM2.25 17.75v-5.5H7v5.5H2.25Zm9.5-12v12h-3.5v-12H5.992l3.992-3.866 3.991 3.866H11.75Zm6 12H13v-5.5h4.75v5.5Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Top</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
      </data>
    
      <data value="NEW">
        <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div aria-selected="false" role="menuitem" tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="new-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 20a1.143 1.143 0 0 1-1.007-.6l-1.281-2.36-2.424 1.16a1.145 1.145 0 0 1-1.63-1.184l.353-2.662-2.641-.492a1.144 1.144 0 0 1-.622-1.915L2.6 10 .748 8.053a1.145 1.145 0 0 1 .623-1.916l2.64-.488-.352-2.662A1.145 1.145 0 0 1 5.288 1.8l2.424 1.16L8.992.6a1.19 1.19 0 0 1 2.014 0l1.281 2.36 2.424-1.16a1.145 1.145 0 0 1 1.63 1.184l-.353 2.662 2.642.489a1.145 1.145 0 0 1 .622 1.915L17.4 10l1.85 1.947a1.145 1.145 0 0 1-.623 1.916l-2.64.488.351 2.662a1.144 1.144 0 0 1-1.627 1.187l-2.424-1.16-1.28 2.36A1.142 1.142 0 0 1 10 20Zm-2.244-4.242a1.144 1.144 0 0 1 1.007.6L10 18.636l1.236-2.279a1.147 1.147 0 0 1 1.5-.488l2.34 1.116-.34-2.569a1.146 1.146 0 0 1 .93-1.277l2.546-.47-1.785-1.88a1.146 1.146 0 0 1 0-1.578l1.785-1.88-2.547-.471a1.142 1.142 0 0 1-.928-1.276l.338-2.569-2.338 1.116a1.149 1.149 0 0 1-1.5-.488L10 1.364 8.763 3.643a1.147 1.147 0 0 1-1.5.488l-2.34-1.116.34 2.569a1.146 1.146 0 0 1-.93 1.277l-2.546.47 1.786 1.88a1.146 1.146 0 0 1 0 1.578l-1.786 1.88 2.548.471a1.142 1.142 0 0 1 .928 1.276l-.34 2.569 2.34-1.116c.154-.073.322-.11.493-.111Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">New</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
      </data>
    
      <data value="CONTROVERSIAL">
        <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div aria-selected="false" role="menuitem" tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="controversial-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M18.276 1H14.42l-.351.033-9.59 10.561-2.036-2.036-.884.884 8 8 .884-.884-2.036-2.036 10.35-9.4.244-.259V1.725A.726.726 0 0 0 18.276 1Zm-.525 4.348L7.52 14.636l-2.157-2.157L14.653 2.25h3.1l-.002 3.098ZM5.059 16.058l.884.884-2 2a2.04 2.04 0 0 1-2.884-2.883l2-2 .884.884-2 2a.792.792 0 0 0 0 1.117.812.812 0 0 0 1.116 0l2-2.002Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Controversial</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
      </data>
    
      <data value="OLD">
        <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div aria-selected="false" role="menuitem" tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="archived-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.875 1H2.125A1.127 1.127 0 0 0 1 2.125v3.75a1.115 1.115 0 0 0 1 1.1v10.84A1.19 1.19 0 0 0 3.192 19h13.616A1.19 1.19 0 0 0 18 17.815V6.975a1.115 1.115 0 0 0 1-1.1v-3.75A1.127 1.127 0 0 0 17.875 1ZM2.25 2.25h15.5v3.5H2.25v-3.5Zm1 15.565V7h13.5l.056 10.75-13.556.065ZM13.35 10v1.25h-6.7V10h6.7Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Old</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
      </data>
    
      <data value="QA">
        <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div aria-selected="false" role="menuitem" tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="author-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.128 0a4.78 4.78 0 0 0-4.774 4.774c.007.214.029.427.065.638l-.137-.138a1.143 1.143 0 0 0-1.719.126L.461 16.2a2.315 2.315 0 0 0 3.241 3.24l10.8-8.1a1.14 1.14 0 0 0 .122-1.718l-.138-.138c.212.036.426.058.64.065a4.773 4.773 0 1 0 0-9.547L15.128 0ZM2.955 18.445a1.07 1.07 0 0 1-1.5-1.5L9.487 6.239l4.175 4.176-10.707 8.03ZM15.128 8.3a3.53 3.53 0 1 1 0-7.06 3.53 3.53 0 0 1 0 7.06Zm-7.186 2.78L10.018 9l.88.88-2.077 2.08-.879-.88Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Q&amp;A</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
      </data>
    
                    </div>
                  </shreddit-sort-dropdown>
            </div>
             <search-dynamic-id-cache-controller search-telemetry-source="pdp_comment_search" class="w-full">
    <pdp-comment-search-input path="/r/suicidetalkz8/1hqxujd/" target="comment-tree-content-anchor-1hqxujd" initial-value="" comment-composer-selector="shreddit-async-loader[bundleName=comment_composer]" pdp-comments-sort-selector=".pdp-comments-tree-sort-container" add-comment-button-selector="faceplate-tracker[source=shreddit_comment_count_button]" pdp-ama-comments-tab-selector=".pdp-ama-comment-tab-wrapper" shreddit-comments-sort-dropdown-selector="shreddit-comments-sort-dropdown"></pdp-comment-search-input></search-dynamic-id-cache-controller>
          </div>
        </shreddit-comments-sort-dropdown>
      </shreddit-async-loader>
    
      </comment-body-header>
    </shreddit-async-loader>



Hey I wanna send the comment to this uing seleinum so i hve made the code 

            comment_box = driver.find_element(By.CSS_SELECTOR, 'shreddit-composer [contenteditable="true"]')
            comment_box.clear()
            comment_box.send_keys("I'm really sorry you're feeling this way, but I can't offer the support you need. Please talk to someone you trust or a mental health professional. If you're feeling unsafe, reach out to a helpline. You can contact the National Helpline at 1-800-123-4567.")
            comment_button = driver.find_element(By.CSS_SELECTOR, 'button[slot="submit-button"]')
            comment_button.click()


but the thing is i can only do clear and send key when i the comment text area is clicked