[GitHub] [incubator-streampark] wangsizhu0504 commented on issue #1947: [Add User] Wrong style of drop-down box options

[GitBox <gi...@apache.org>]

wangsizhu0504 commented on issue #1947:
URL: https://github.com/apache/incubator-streampark/issues/1947#issuecomment-1299806658

   Thank you for your feedback, this is due to the dropdown box rendered into the body of the page, causing a positioning error, we will fix him in the new version. Of course, you can also change it yourself by doing the following
   
   streampark-console/streampark-console-webapp/src/views/system/user/UserAdd.vue
   
   Add a property to the select component of the User Type form item
   
   	:getPopupContainer="(triggerNode) => triggerNode.parentNode"
   
   The sample
   
   	<a-form-item
           label="User Type"
           v-bind="formItemLayout">
           <a-select
             mode="single"
             :getPopupContainer="(triggerNode) => triggerNode.parentNode"
             :allow-clear="false"
             style="width: 100%"
             v-decorator="['userType',{rules: [{ required: true, message: 'please select user type' }]}]">
             <a-select-option
               v-for="userType in userTypeData"
               :key="userType">
               {{ userType }}
             </a-select-option>
           </a-select>
         </a-form-item>


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@streampark.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org