app.smartsheet.com autofill react dropdown

[Patrick Thomas]

Having trouble figuring out how to autofill a smartsheet form

Specifically dropdown

The autofill I am trying to do has maybe 5 different dropdowns

Found a different example smartsheet form to use

PLEASE DO NOT ABUSE THIS FORM

https://app.smartsheet.com/b/form/44974350ffd14f288b03b029f2486ba8

How would I create a rule to do a select for this?

id=K6DQP6d

<div role="application" title="" data-client-id="container_Do you have health care coverage through any of the following?" data-client-type="dropdown" id="K6DQP6d" class="css-ua9ngq e1dgvtit0">

  <label for="select_input_Do you have health care coverage through any of the following?" data-client-id="label_Do you have health care coverage through any of the following?" class="css-1ilwm46 egy2ucz0">Do you have health care coverage through any of the following?<span data-client-id="required_indicator" class="css-skcghl egy2ucz1">*</span></label>

  <p id="description_select_input_Do_you_have_health_care_coverage_through_any_of_the_following_" class="css-zs3ake e14nkgca0">If other type of coverage not listed, please enter name.</p>

  <div class="css-t8xanh-container">

    <div class="css-kf2egt-control react-select__control">

      <div class="css-11ksah1 react-select__value-container react-select__value-container--is-multi">

        <div class="css-1i5h0xy-placeholder react-select__placeholder">Select or enter value</div>

        <div class="css-1g6gooi">

          <div class="react-select__input" style="display: inline-block;">

            <input autocapitalize="none" autocomplete="off" autocorrect="off" id="select_input_Do you have health care coverage through any of the following?" spellcheck="false" tabindex="0" type="text" aria-label="Select or enter value" value="" aria-describedby="description_select_input_Do_you_have_health_care_coverage_through_any_of_the_following_" style="box-sizing: content-box; width: 2px; background: 0px center; border: 0px; font-size: inherit; opacity: 1; outline: 0px; padding: 0px; color: inherit;">

            <div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: 13px; font-family: Arial; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none;"></div>

          </div>

        </div>

      </div>

      <div class="css-1wy0on6 react-select__indicators">

        <span class="css-9lpq22-indicatorSeparator react-select__indicator-separator"></span>

        <span style="margin-right: 6px;">

          <svg data-client-id="caret_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" role="img" xmlns="http://www.w3.org/2000/svg">

            <title>Caret Icon</title>

            <desc>Caret symbol</desc>

            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

              <g fill="#161616">

                <path d="M8.38951287,9.81740951 C8.3743818,9.83527284 8.35811596,9.85207547 8.34082332,9.86770589 C8.12569934,10.0621513 7.79871352,10.0396329 7.61048004,9.81740951 L5.12806062,6.88673235 C5.04550447,6.78926879 5,6.66416424 5,6.53465776 C5,6.23937443 5.23172713,6 5.51757703,6 L10.4824159,6 C10.607785,6 10.7288928,6.04700617 10.8232427,6.13228679 C11.0383667,6.32673222 11.0601658,6.664509 10.8719323,6.88673235 L8.38951287,9.81740951 Z"></path>

              </g>

            </g>

          </svg>

        </span>

      </div>

    </div>

  </div>

</div>

[Autofill Chrome Extension]

Thanks for reporting this. Autofill currently doesn't support this React form. I've filed this as a bug so I can work on a fix when time permits.