Voting webapp working on pc but not iphone

Question

hello im in a bit of trouble because im making this voting app for my workplace, but its not quite work as i expected, because the app works perfectly then i host it in localhost, and works fine then i use it on my PC, but its not making that POST then i try on my iPhone, i host it on netlify btw and there was no warnings in the deployment

function vote(e) {
        e.preventDefault()
        const vote = e.target.vote.value;
        const message = e.target.message.value;
        const voter = JSON.stringify(user.id);
        const voteData = {}
        voteData.vote = vote;
        voteData.voter = voter;
        voteData.message = message;
        

         axios.post("https://foetex-hvidorevej-votes.herokuapp.com/api/v1/votes", voteData, null)
 

        navigate("/thanks")
    }

This it the function i call onSubmit on my form

this it my form

        <input list="vote-datalist" id="vote" name="vote" placeholder="Søg efter medarbejder" />
       

        <datalist id="vote-datalist">
        
        
            {voterble?.map((coworkers)=>{
                const fullName = coworkers?.name;
                const splitName = fullName.split(',')
                const firstPartOfName = splitName[1];
                const lastName = splitName[0];
                
                return(
                    <option key={coworkers.id} id={coworkers.id} value={firstPartOfName + " " + lastName}></option>
                )
                
            })} 
            <option id="options" value=""></option> 
        </datalist>
        
        <label htmlFor="message">Hvorfor skal han/hun vinde månedens medarbejder</label>
        
        <textarea name="message" id="message" cols="30" rows="10"></textarea>
    

        <input type="submit" value="Stem!" />
    </form>```