• Resolved Daniel P.

    (@danidub)


    Hello, I’m using inline SVGs inside some forms as:

    <label> Tu nombre
        [text* your-name autocomplete:name] </label>
    
    <label> Tu correo electrónico
        [email* your-email autocomplete:email] </label>
    
    <label> Tu mensaje (opcional)
        [textarea your-message] </label>
    
    <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns=https://www.w3.org/2000/svg><path d="M9.5 6.86487V10.1348" stroke="#FC3344" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.50004 14.0588C10.0418 14.0588 10.481 13.6196 10.481 13.0778C10.481 12.536 10.0418 12.0968 9.50004 12.0968C8.95825 12.0968 8.51904 12.536 8.51904 13.0778C8.51904 13.6196 8.95825 14.0588 9.50004 14.0588Z" fill="#FC3344"/><circle cx="9.5" cy="9.5" r="8.5" stroke="#FC3344" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
    
    [submit "Enviar"]

    Before the last update they were showing without issues but now they are not show, have inspected code and seems that HTML is messed, please see the rendering on the SVG image listed before:

    <p><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="https://www.w3.org/2000/svg"></svg>
    </p>
    <path d="M9.5 6.86487V10.1348" stroke="#FC3344" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
    	<path d="M9.50004 14.0588C10.0418 14.0588 10.481 13.6196 10.481 13.0778C10.481 12.536 10.0418 12.0968 9.50004 12.0968C8.95825 12.0968 8.51904 12.536 8.51904 13.0778C8.51904 13.6196 8.95825 14.0588 9.50004 14.0588Z" fill="#FC3344">
    		<circle cx="9.5" cy="9.5" r="8.5" stroke="#FC3344" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
    			<p><input class="wpcf7-form-control has-spinner wpcf7-submit" type="submit" value="Enviar"><span class="wpcf7-spinner"></span>
    			</p>
    		</circle>
    	</path><div class="wpcf7-response-output" aria-hidden="true"></div></path>

    Something is destroying the SVG and adding some <p> tags surrounding… I have tested on a fresh WordPress installation… The same happens.

    Thank you.

    • This topic was modified 1 year, 11 months ago by Daniel P..
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inline SVGs getting destroyed’ is closed to new replies.