title: Focus toggling on click in Svelte Component
body: <p>I made a component for entering financial numbers, to be used in my input forms. It works really great now, except for one odd behavior: When I click on the input field it gets the focus as expected, however when clicking on it when it already has the focus takes away the focus. </p>
  
  <p>There's only one on:click handler in the component and when I removed it the behavior didn't change. So, I don't know what's causing this oddity. </p>
  
  <pre><code>&lt;p&gt;Input with precision=2 &lt;Money id=first bind:value=a precision=2/&gt;
      &lt;br/&gt;Value={a}&lt;/p&gt;
  &lt;hr/&gt;
  &lt;p&gt;Input with no precision specified &lt;Money ref:m2 bind:value=b/&gt;&lt;br/&gt;
      Value={b}&lt;/p&gt;
  
  
  &lt;script&gt;
  
      export default {
          data(){return {
              a:1234.34,
              b:3.14159265
          }},
  
          components: {
              Money : "./Money.html"
          }
    }
  &lt;/script&gt;
  
  &lt;style&gt;
      /* How to sytle the component*/
      :global(#first) {
          font-family:serif;
          lobal(#first) {
          font-family:serif;
          background:#ff9;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Here's the REPL that shows the issue.</p>
  
  <p><a href="https://svelte.technology/repl?version=2.15.3&amp;gist=27f91d57e7a9267fe7d7d36aad850c7e" rel="nofollow noreferrer">https://svelte.technology/repl?version=2.15.3&amp;gist=27f91d57e7a9267fe7d7d36aad850c7e</a></p>