appview/pages: more sensible handle input field #686

merged

opened by

boltless.me 1 month ago targeting master from push-ukvwpkrpryvm

Preventing mobile browsers from autocorrecting the user handle as normal text. Block that behavior and set autocomplete="username" for convenience.

I haven't tested this properly because I don't want to mess up with my current wip sandboxed environment but should be fine.

options

unified split

Changed files

appview

pages

templates

repo

settings

access.html

spindles

fragments

addMemberModal.html

user

appview/pages/templates/repo/settings/access.html

···

       83
        
         </label>

     

       84
        
         <p class="text-sm text-gray-500 dark:text-gray-400">Collaborators can push to this repository.</p>

     

       85
        
         <input

     

       0
        
       
     

       0
        
       
     

       86
        
           type="text"

     

       87
        
           id="add-collaborator"

     

       88
        
           name="collaborator"

···

       83
        
         </label>

     

       84
        
         <p class="text-sm text-gray-500 dark:text-gray-400">Collaborators can push to this repository.</p>

     

       85
        
         <input

     

       86
       +
           autocapitalize="none"

     

       87
       +
           autocorrect="off"

     

       88
        
           type="text"

     

       89
        
           id="add-collaborator"

     

       90
        
           name="collaborator"

appview/pages/templates/spindles/fragments/addMemberModal.html

···

       30
        
         </label>

     

       31
        
         <p class="text-sm text-gray-500 dark:text-gray-400">Members can register repositories and run workflows on this spindle.</p>

     

       32
        
         <input

     

       0
        
       
     

       0
        
       
     

       33
        
           type="text"

     

       34
        
           id="member-did-{{ .Id }}"

     

       35
        
           name="member"

···

       30
        
         </label>

     

       31
        
         <p class="text-sm text-gray-500 dark:text-gray-400">Members can register repositories and run workflows on this spindle.</p>

     

       32
        
         <input

     

       33
       +
           autocapitalize="none"

     

       34
       +
           autocorrect="off"

     

       35
        
           type="text"

     

       36
        
           id="member-did-{{ .Id }}"

     

       37
        
           name="member"

appview/pages/templates/user/login.html

···

       29
        
                           <div class="flex flex-col">

     

       30
        
                               <label for="handle">handle</label>

     

       31
        
                               <input

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       32
        
                                   type="text"

     

       33
        
                                   id="handle"

     

       34
        
                                   name="handle"

···

       29
        
                           <div class="flex flex-col">

     

       30
        
                               <label for="handle">handle</label>

     

       31
        
                               <input

     

       32
       +
                                   autocapitalize="none"

     

       33
       +
                                   autocorrect="off"

     

       34
       +
                                   autocomplete="username"

     

       35
        
                                   type="text"

     

       36
        
                                   id="handle"

     

       37
        
                                   name="handle"