Fix checkbox bug on private/archive filter (#32236)
fix #32235 --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> (cherry picked from commit cb739f533358a8cf6e1b6875b3d4f0da3bfa7c95)
This commit is contained in:
		
					parent
					
						
							
								7855e4bb56
							
						
					
				
			
			
				commit
				
					
						68aa530fb2
					
				
			
		
					 1 changed files with 3 additions and 3 deletions
				
			
		| 
						 | 
				
			
			@ -358,9 +358,9 @@ export default sfc; // activate the IDE's Vue plugin
 | 
			
		|||
            <div class="menu">
 | 
			
		||||
              <a class="item" @click="toggleArchivedFilter()">
 | 
			
		||||
                <div class="ui checkbox" ref="checkboxArchivedFilter" :title="checkboxArchivedFilterTitle">
 | 
			
		||||
                  <!--the "hidden" is necessary to make the checkbox work without Fomantic UI js,
 | 
			
		||||
                  <!--the "tw-pointer-events-none" is necessary to prevent the checkbox from handling user's input,
 | 
			
		||||
                      otherwise if the "input" handles click event for intermediate status, it breaks the internal state-->
 | 
			
		||||
                  <input type="checkbox" class="hidden" v-bind.prop="checkboxArchivedFilterProps">
 | 
			
		||||
                  <input type="checkbox" class="tw-pointer-events-none" v-bind.prop="checkboxArchivedFilterProps">
 | 
			
		||||
                  <label>
 | 
			
		||||
                    <svg-icon name="octicon-archive" :size="16" class-name="tw-mr-1"/>
 | 
			
		||||
                    {{ textShowArchived }}
 | 
			
		||||
| 
						 | 
				
			
			@ -369,7 +369,7 @@ export default sfc; // activate the IDE's Vue plugin
 | 
			
		|||
              </a>
 | 
			
		||||
              <a class="item" @click="togglePrivateFilter()">
 | 
			
		||||
                <div class="ui checkbox" ref="checkboxPrivateFilter" :title="checkboxPrivateFilterTitle">
 | 
			
		||||
                  <input type="checkbox" class="hidden" v-bind.prop="checkboxPrivateFilterProps">
 | 
			
		||||
                  <input type="checkbox" class="tw-pointer-events-none" v-bind.prop="checkboxPrivateFilterProps">
 | 
			
		||||
                  <label>
 | 
			
		||||
                    <svg-icon name="octicon-lock" :size="16" class-name="tw-mr-1"/>
 | 
			
		||||
                    {{ textShowPrivate }}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue