logical
We could actually get pretty close here if #CSS supported #XPath selectors. Something like:
xpath(//table[@id="filteredtable"]/tr[contains(@data-name,//input[@id="filterinput"/@value)]) { display: table-row }
would work if the input value attribute was dynamically updated. But even without dynamic update, a selector this complex isn't possible in CSS.
4/3+
This could be achieved with something like this
#filteredtable tr { display: none }
#filteredtable tr[data-name*=dynamic-value-of(#filterInput)] { display: table-row }
where dynamic-value-of() is a (non-existent) #CSS function that returns the (string) value of #filterInput as it changes dynamically
Since there is not such function, I have to register a #JavaScript function with the keyup event to update the CSS rule whenever the input value changes.
So, can we get rid of JS here?
3/3
Let's say you have an #HTML table. Each `tr` has an attribute (say, `data-name`) whose value is indicative of the row contents (for the curious: this is a heavily customized Apache directory listing, and the data-name is a normalized version of the file/dir name, but it could be anything). There is also an `input` field. We want to only show the rows whose data-name contains the contents of the input field.
2/n
Speaking of #webDev, what the #HTML and #CSS standards need is some way to style nodes based on DOM values of other modes. Unless I'm missing something, we still need #JavaScript to achieve the following, but I'm open to recommendations or suggestions about things I might have missed, so let's make this an #askFedi
The intent here is to develop a JS-free “quick filter” over a list or table.
Here's what I've done:
1/n
Solved by setting the name column to
overlay-wrap: anywhere
Still wraps correctly in most cases, but it's managing to wrap whatever was preventing it earlier.
The culprit is most likely a file or directory name that the layout engine thinks it cannot be wrapped better, but with thousands of entries it's hard to understand which one and why.
I have a weird #webDev question #askFedi
I'm customizing the Apache directory index in XHTML mode (so no hard styling). The table is set to width: 100% with some padding via CSS. When I restrict the horizontal space below 825px, though, the central (Name) column doesn't shrink anymore, as if there was something preventing it from wrapping text more than it has, so the table overflows. Only happens in some directories. How do I find what's preventing the shrink/wrap?
@marcoboh @GustavinoBevilacqua @lorcon @carlux
a questo proposito, ricordo la scena in MAUS in cui il padre, sopravvissuto ai campi di sterminio, manifesta tutto il proprio razzismo contro i neri, lasciando Art completamente di stucco.