handle hx-select-oob escapped selector with .

Author: MichaelWest22

src/htmx.js

@@ -1936,7 +1936,7 @@ var htmx = (function() {
               const selector = oobSelectValue.shift().trim()
               const oobValue = oobSelectValue.join(':') || 'true'
               let oobElements
-              if (selector.indexOf('#') !== 0 && /^[a-z\-_][a-z0-9\-_]*$/i.test(selector)) {
+              if (selector.indexOf('#') !== 0 && /^[a-z\-_](\\\.|[a-z0-9\-_])*$/i.test(selector)) {
                 oobElements = fragment.querySelectorAll('#' + selector) // check if selector is an id first
               }
               if (!oobElements || !oobElements.length) {

test/attributes/hx-select-oob.js

@@ -113,6 +113,17 @@ describe('hx-select-oob attribute', function() {
     div2.classList.contains('foo').should.equal(true)
   })
 
+  it('basic hx-select-oob works with CSS escaped id containing "."', function() {
+    this.server.respondWith('GET', '/test', "<div id='d1'>foo</div><div id='my.div3'>bar</div>")
+    var div = make('<div hx-get="/test" hx-select="#d1" hx-select-oob="my\\.div3"></div>')
+    make('<div id="my.div3"></div>')
+    div.click()
+    this.server.respond()
+    div.innerHTML.should.equal('<div id="d1">foo</div>')
+    var div2 = byId('my.div3')
+    div2.innerHTML.should.equal('bar')
+  })
+
   it('hx-select-oob can select multiple elements with a selector', function() {
     this.server.respondWith('GET', '/test', "<div id='d1'>foo</div><div class='foo' id='d2'>bar</div><div class='foo' id='d3'>baz</div>")
     var div = make('<div hx-get="/test" hx-select="#d1" hx-select-oob=".foo"></div>')

test/attributes/hx-swap.js

@@ -289,6 +289,8 @@ describe('hx-swap attribute', function() {
 
     swapSpec(make("<div hx-swap='target:#table tbody'/>")).target.should.equal('#table tbody')
 
+    swapSpec(make("<div hx-swap='target:#table tbody swap:10s'/>")).target.should.equal('#table tbody')
+
     swapSpec(make("<div hx-swap='customstyle settle:11 swap:10'/>")).swapStyle.should.equal('customstyle')
   })
 

www/content/attributes/hx-select-oob.md

@@ -46,3 +46,4 @@ For example, to prepend the alert content instead of replacing it:
 ## Notes
 
 * `hx-select-oob` is inherited and can be placed on a parent element
+* the CSS selector used to locate the elements in the response can not contain a `:`