Estoy tratando de insertar botones en elementos seleccionados como este . Me gustaría que cada elemento tenga un botón para que se pueda realizar una acción diferente si se hace clic en el botón, como eliminar ese elemento de la lista. Si pongo el código para el botón en el campo de la etiqueta, el botón aparece pero no maneja la directiva on:click .
No, no puedes hacer esto.
Esta biblioteca espera que el value sea una cadena, como máximo una secuencia de comandos html para un estilo adicional, pero no puede agregar interacciones como esa.
El código que tienes es similar a hacer haciendo:
<script> const str = "<button on:click={console.log}>click me</button>" </script> {@html str} Si bien esto generará un botón, Svelte no agregará el controlador de eventos a esto, sino que simplemente representará la cadena tal como la diste (en la cara, si inspeccionas el marcado representado, seguirás teniendo el on:click escrito allí)
primero intente css, pruebe peroperty z-index: 9999; para el botón de cerrar.
si css peroperty no funciona, intente con console.log ('someting') si el botón de cierre con evento de clic en javascript; y si tienes console.log('someting');
ahora puede escribir una función para cerrar su elemento;
espero poder ayudar en algo;